JS 通过百度地图获取详细地址及经纬度

下方代码可以通过百度地图获取到经纬度和详细位置地址

注意：

'********' 位置是百度的秘钥，得自己去申请

申请地址：http://lbsyun.baidu.com/apiconsole/key

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=********"></script>
<body><div id="allmap" style="height:700px;width:800px;"></div><script type="text/javascript">var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398,39.897445);map.centerAndZoom(point,12);map.enableScrollWheelZoom(true);var geoc = new BMap.Geocoder();    map.addEventListener("click", function(e){   //通过点击百度地图，可以获取到对应的point, 由point的lng、lat属性就可以获取对应的经度纬度     var pot = e.point;geoc.getLocation(pot, function(rs){//addressComponents对象可以获取到详细的地址信息var addComp = rs.addressComponents;var site = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber;console.log(site);   //详细地址console.log(pot.lng); //精度console.log(pot.lat); //纬度});        });</script>
</body>
</html>

最后

感谢各位的阅读。

JS 通过百度地图获取详细地址及经纬度相关推荐

根据ip获取经纬度_PHP使用百度地图获取指定地址坐标：创建AK（图文+视频）
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标：经纬度（图文+视频）...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
vue 百度地图根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...
Vue通过微信定位+百度地图获取详细地理位置信息
项目中需要使用到定位功能,定位用户所在的省市,并自动填充到省市的选择列表中,微信开发中,定位功能直接使用微信提供的接口,方便并且简单,兼容性相对好处理因为微信定位或者百度地图的定位都是先通过定位获取 ...
使用百度地图实现详细地址自动补全
<!DOCTYPE html> <html> <head><meta name="viewport" content="init ...
（百度地图）输入地址显示经纬度并且在地图上显示具体位置
输入地址显示经纬度并且在地图上显示具体位置博主比较懒,不过多描述,直接上代码,通俗易懂,哈哈哈哈哈哈引入百度地图<script type="text/javascript" ...
php 地址获取百度经纬度,根据百度api获取一个地址的经纬度
这个也是个很实用的功能,前几天需求里用到了. 然后百度,结果各种报错. 所以想了想还是自己写个帖子记录一下,以后再用到可以拿现成的. 百度api开放平台百度api开放平台web端api 上面是官网的 ...
IOS 百度地图获取当前屏幕的经纬度
2019独角兽企业重金招聘Python工程师标准>>> //当前屏幕中心点的经纬度 CGFloat centerLongitude = self.mapView.region.cen ...
vue使用腾讯地图获取经纬度和逆解析获取详细地址
vue使用腾讯地图获取经纬度和逆解析获取详细地址示例必须在腾讯api中申请自己的key 打开这个webservice用来逆解析详细地址下面是代码 1 , html创建放地图的容器 <div ...

JS 通过百度地图获取详细地址及经纬度

最后

JS 通过百度地图获取详细地址及经纬度相关推荐

最新文章

热门文章