通过百度地图API获取用户所在地理位置信息

1、密匙申请

2、源代码

3、结果展示

1、密匙申请

使用以下源码前，请先去百度地图开发平台申请密匙，前去申请：立即申请

2、源代码

此次定位代码是通过H5的方式实现的

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">#address {text-align: center;margin-top: 10%;}span {color: red;}</style><!-- 百度地图 --><script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=XHKlS02dFCNn89Dqdv3HyNgFzP6DRrVU"></script><title>浏览器定位</title>
</head><body><div id="address"><div>根据百度地图定位获取到地理位置信息</div><p>省份：<span id="province"></span></p><p> 城市：<span id="city"></span></p><p>详细地址:<span id="detail"></span></p></div>
</body></html>
<script type="text/javascript">// 百度地图API功能var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function (r) {if (this.getStatus() == BMAP_STATUS_SUCCESS) {console.log(r.point.lng + "__" + r.point.lat);getAddress(r.point.lng, r.point.lat);}else {alert('failed' + this.getStatus());}}, { enableHighAccuracy: true })//关于状态码//BMAP_STATUS_SUCCESS    检索成功。对应数值“0”。//BMAP_STATUS_CITY_LIST    城市列表。对应数值“1”。//BMAP_STATUS_UNKNOWN_LOCATION 位置结果未知。对应数值“2”。//BMAP_STATUS_UNKNOWN_ROUTE  导航结果未知。对应数值“3”。//BMAP_STATUS_INVALID_KEY    非法密钥。对应数值“4”。//BMAP_STATUS_INVALID_REQUEST  非法请求。对应数值“5”。//BMAP_STATUS_PERMISSION_DENIED    没有权限。对应数值“6”。(自 1.1 新增)//BMAP_STATUS_SERVICE_UNAVAILABLE    服务不可用。对应数值“7”。(自 1.1 新增)//BMAP_STATUS_TIMEOUT   超时。对应数值“8”。(自 1.1 新增)//通过经纬度获取地址信息function getAddress(lng, lat) {var myGeo = new BMap.Geocoder();// 根据坐标得到地址描述    myGeo.getLocation(new BMap.Point(lng, lat), function (result) {if (result) {var province = result.addressComponents.province;var city = result.addressComponents.city;var detail = result.address;console.log(province)console.log(city)document.getElementById("province").innerText = province;document.getElementById("city").innerText = city;document.getElementById("detail").innerText = detail;}});}
</script>

3、结果展示

手机开启GPS导航位置更为精准一些

通过百度地图API获取用户所在地理位置信息相关推荐

获取用户精准地理位置信息（百度地图）
获取用户精准地理位置信息步骤: 1.通过 navigator.geolocation.getCurrentPosition(showPosition, showError); 方法获取经纬度: 2.使 ...
c语言api获取百度地图,H5调用百度地图API获取地理位置
//获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...
百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...
H5使用百度地图SDK获取用户当前位置并且标记显示在地图
代码实现功能: H5使用百度地图SDK获取用户当前位置并且标记显示在地图,点击该标记弹出一层自定义的HTML. 效果图: 代码: <!DOCTYPE html> <html>& ...
HTML5页面调用百度地图API,获取当前位置并导航到目的地
微信也可用, <!DOCTYPE html> <html lang="zh-cmn-Hans"><meta charset="UTF-8&q ...
Python3 | 通过百度地图API获取商家详细信息（包括店名，地址，经纬度，电话）
一.打开百度地图开放平台,选择Web服务API . 官方文档对API接口的调用描述的比较详细,在调用之前先要申请百度地图的账号,然后申请密钥,获取密钥的步骤官方也有说明. 二.通过百度地图 ...
调用百度地图API获取经纬度(详细步骤)
前端调用百度地图API获取经纬度(详细操作) 1. 浏览器搜索百度地图开放平台 2. 创建应用点击控制台 --> 应用管理 --> 我的应用 --> 注册账号(如果没有注册过) - ...
python获取某地铁站经纬度_python通过百度地图API获取某地址的经纬度详解
前言这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的,本文将给大家详细的介绍关于python通过百度地图A ...
微信小程序结合腾讯位置服务获取用户所在城市信息
背景实现小程序进去后获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上. 微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是 ...

通过百度地图API获取用户所在地理位置信息

1、密匙申请

2、源代码

3、结果展示

通过百度地图API获取用户所在地理位置信息相关推荐

最新文章

热门文章