百度地图API实现自动定位城市，省市二联重新地图重新定位

最近遇到定位问题，借助百度地图ApI与若干文章解决了这个问题。

相对来说，百度地图API中的示例组合起来就能达到大众的需求了，只是刚接触不知道整体是什么情况，花了点时间了解。

————————————————————————————————————————————————————————————

第一步，注册账号，在百度地图中申请一个应用，如果不是商用要求特别高，一般的就可以，免费。

注意点，创建时注意应用类型，AK是密钥一样的作用，后面要需要。

第二、将服务引用到Web 中

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  //为了移动端更好的触屏展示效果

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥">
//v2.0版本的引用方式：src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"
//v1.4版本及以前版本的引用方式：src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"
</script>

第三、js绑定地div

        html   <div id="allmap" style="height: 100%; width: 100%; height: 280px;"></div>

        js
var  map = new BMap.Map("allmap");var point = new BMap.Point(116.331398, 39.897445);map.centerAndZoom(point, 12);//默认初始化地图定位的中心经纬度map.enableScrollWheelZoom(); //启用滚轮放大缩小map.enableInertialDragging(); //启用地图惯性拖拽，默认禁用。map.enableContinuousZoom();
var myCity = new BMap.LocalCity();
myCity.get(myFun);
function myFun(result) {
var cityName = result.name;
map.setCenter(cityName);//地图根据城市名称会重新自动定位
$("#lbcCity").text(cityName);//前台显示当前定位的城市名称
}
为了提供手动选择地址，我使用了jquery的selectcity.js,通过省市二级联动后重新定位
获取联动后的城市名，在js中用这句话重新定位。
map.centerAndZoom(city, 11)
结合bootstrap的css实现移动端效果图

这篇写的比较简洁，因为官方的文档很详细了，个人只是用来记录下，没有写的太详细，见谅！

百度地图API实现自动定位城市，省市二联重新地图重新定位相关推荐

python批量爬取小网格区域坐标系_Python爬虫实例_利用百度地图API批量获取城市所有的POI点...
上篇关于爬虫的文章,我们讲解了如何运用Python的requests及BeautifuiSoup模块来完成静态网页的爬取,总结过程,网页爬虫本质就两步: 1.设置请求参数(url,headers,co ...
【百度地图API】如何判断点击的是地图还是覆盖物？
原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看. ...
调用百度地图API，如何只显示某个省份的地图
需求如下 1.调用百度地图API 2.只显示某个省份的地图如安徽省,其他的都不要显示实现步骤如下 1.调用百度地图Api,显示地图 https://blog.csdn.net/tian_jiangn ...
【百度地图API】如何快速创建带有标注的地图？——快速创建地图工具+如何标注商家...
摘要: 如果你不会程序,如果你不想写代码. 如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置. 不要犹豫了,就使用快速创建地图工具吧! ----------------------- ...
用百度map api展示时空数据（五）--老地图的添加与删除
使用百度map api提供的groundOverlay来实现简单的老地图添加与删除.首先需要一张老沈阳地图. <input type="button" οnclick=&qu ...
百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
由于在实际项目中经常需要查询自己的数据库去标注地图,所以特地写了这个例子,数据库为oracle,把数据库查询出来的数据绑定到前台gridview控件,点击数据中的任何一行,实现标注.效果图: 地图标注 ...
高德地图api如何不显示logo_Python爬取高德地图POI数据获取「洗浴推拿指南」
学习交流群认识高德地图API 打开"高德开放平台",点击"开发文档",在"Web服务"下寻找并点击"搜索API". 我 ...
android百度地图显示某个地区,百度地图api只显示某个省市的行政区域
有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢? 我们先上效果图: 步骤: 创建map实例 var map; createMap() { map = new BMap.Map('ma ...
百度地图api只显示某个省市的行政区域
有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢? 我们先上效果图: 步骤: 创建map实例 html代码: <div id="main" st ...

百度地图API实现自动定位城市，省市二联重新地图重新定位

百度地图API实现自动定位城市，省市二联重新地图重新定位相关推荐

最新文章

热门文章