当前位置: 首页 > news >正文

爱的网站歌曲北京seo推广优化

爱的网站歌曲,北京seo推广优化,无锡做网站baidu,虹口手机网站制作概述 目前快递、外卖、团购、网购等行业 :为了简化用户在收发件地址填写时的体验感,使用辅助定位及模糊地址检索来丰富用户的体验 本次demo分享给大家;让大家理解辅助定位及模糊地址检索的功能实现过程,以及开发出自己理想的作品…

概述

目前快递、外卖、团购、网购等行业 :为了简化用户在收发件地址填写时的体验感,使用辅助定位及模糊地址检索来丰富用户的体验 本次demo分享给大家;让大家理解辅助定位及模糊地址检索的功能实现过程,以及开发出自己理想的作品

详细

概述:

    后台基于 SpringBoot+Fastjson+RestTemplate+BaiduMaP-Api

    前端基于 Html5+Jquery+Css+BaiduMap-SDK

    运行环境 Jdk1.8+Https

    Demo旨在帮助广大猿友们理解地址填写过程中辅助定位功能的实现

实现过程:

1、百度地图sdk 申请应用key(开发版本,免费)

    1.1、需要申请服务端和浏览器端两个key

image.png

    1.2、服务端key需要的权限

   

image.png

        1.3、浏览器端key需要权限

image.png

2、移动端构造地图Canvas 及调用定位sdk 获取经纬度

<script type="text/javascript"        src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的key"></script>
<div id='allmap'></div>// 百度地图API功能 初始化
var map = new BMapGL.Map("allmap");
//初始化经纬度
var lng =114.311581;
var lat =30.598466;
var city = "北京";
map.centerAndZoom(new BMapGL.Point(lng, lat), 15); //地图级别1-21
map.enableScrollWheelZoom(true);
var geolocation = new BMapGL.Geolocation();
geolocation.enableSDKLocation();

3、调后台经纬度解析附近地址接口

var getLocationsByLngLat = function (lng, lat) {$.ajax({url: "/resolve/getLocationsByLngLat/" + lng + "/" + lat ,type: "get",dataType: "json",success: function (res) {console.log(res)debugger;if(res != null && res.results != null){city = res.results[0].city;}extracted(res);}});
}

4、调用后台地址检索接口

//地址检索
var getLocationsBySpace = function (space, city) {$.ajax({url: "/resolve/getLocationsByLngLat/" + lng + "/" + lat + "/" + space + "/" + city,type: "get",dataType: "json",success: function (res) {console.log(res)debugger;extracted(res);}});
}

5、样式实现css

ul {padding-left: 5px;border-bottom: 0.5px #CDC9C9 solid;padding-bottom: 3px;
}li {list-style: none;}ul span {display: inline-block;float: right;position: relative;right: 10px;bottom: 22px;
}

6、服务端常量配置

String = ;String = ;String = ;String = ;

7、RestTemplate get请求封装

JSON get(String uri,Map<String,Object> params){(params.isEmpty()){;}StringBuilder sb = StringBuilder();sb.append(uri);sb.append();(String key: params.keySet()){sb.append(key);sb.append();sb.append(params.get(key));sb.append();}.debug(,sb.toString());ResponseEntity<String> res = .getForEntity(sb.toString(),String.);JSON json = JSON.(res.getBody());json;}

8、两个点(经纬度)之间距离计算

String range(lon1, lat1, lon2, lat2) {distance = mathDistance(lon1, lat1, lon2, lat2); System..println(distance);range=;(distance > ) {range = () Math.(distance / ); }(range>&& range <){range+; }(range>=){()Math.(range / )+; }{+;}}

 

9、restfull 风格接口

 

()JSON getLocationsByLngLat(lng, lat) {Map<String, Object> params = generateLngLat(lng, lat);JSONObject res = ;{res = (JSONObject) .get(ParamsConstants., params);JSONArray results = res.getJSONArray();JSONArray results1 = JSONArray();(results.size() > ) {(i = ; i < results.size(); i++) {JSONObject result = generateResult(lng, lat, results, i);results1.add(result);}}res.put(,results1);} (Exception e) {.info(+ e.getMessage());}res;}

项目结构:

image.png

http://www.hrbkazy.com/news/25002.html

相关文章:

  • 桂市做网站的朋友竞价推广和seo的区别
  • 如何建设网站论坛网页设计教程
  • 自己如何建立一个网站天津搜索引擎推广
  • 怎么学平面设计啊东莞seo外包
  • 做网站需要交税收录平台
  • 聊城做网站推广哪家好广告投放方式
  • 棋牌网站哪里做沧州做网络推广的平台
  • 深圳龙岗网站建设哪家好公司3322免费域名注册
  • 赣州新闻媒体求助热线东莞网络优化公司
  • 自己做个公司网站站长工具seo下载
  • 专业网站制作公司排行网站排名优化软件有哪些
  • 做网站 点击跳转怎么建公司网站
  • 云主机 多 网站网络广告策划书案例
  • 番禺建设网站公司排名广州疫情最新消息
  • 网站视频背景怎么做在线数据分析工具
  • 网易企业邮箱入口登录厦门seo管理
  • 曰本真人做爰免费网站网站收录平台
  • 做视频上什么网站找创意外贸网站建设
  • 网站的锚点链接怎么做百度热搜榜排名
  • 今日新闻有哪些seo优化服务公司
  • 江苏缘生源建设工程有限公司网站网站托管代运营
  • 网站推广广告 优帮云站长工具权重
  • 外贸电商网站开发建站软件可以不通过网络建设吗
  • 宁夏建设工程质量监督站网站广州seo顾问seocnm
  • 旅游网站对比模板下载网店怎么推广和宣传
  • 网站备案需要准备哪些资料推广平台哪个效果最好
  • 设计 网站 源码百度引擎搜索引擎
  • 网站建设哪家公司便宜怎样做网站推广啊
  • 怎样低成本做网站推广在线网站seo优化
  • 博物馆网站 微信 微博 建设方案sem工资