百度地图API获取当前位置

异步加载获取当前位置

//百度地图API功能function loadJScript() {var script = document.createElement("script");script.type = "text/javascript";script.src = "http://api.map.baidu.com/api?v=2.0&ak=zUGhOxEtT50sUhK1WCoMeHXleEG4q1un&callback=init";document.body.appendChild(script);}function init() {var longitude =118.7029550000;//经度var latitude =32.1632910000;//纬度var map = new BMap.Map("allmap");            // 创建Map实例var point = new BMap.Point(114.3115860000,30.5984670000); // 创建点坐标map.centerAndZoom(point,15);if( longitude!= "" && latitude!= ""){map.clearOverlays();var new_point = new BMap.Point(longitude,latitude);map.centerAndZoom(new_point, 15);//var marker = new BMap.Marker(new_point);  // 创建标注var myIcon = new BMap.Icon("../images/dw_icon.png", new BMap.Size(26,77));var marker2 = new BMap.Marker(new_point,{icon:myIcon});map.addOverlay(marker2);              // 将标注添加到地图中map.panTo(new_point);//获取当前位置var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(){if(this.getStatus() == BMAP_STATUS_SUCCESS){getAddress(new_point);console.log(BMAP_STATUS_SUCCESS)}else {alert('failed'+this.getStatus());}});//获取地址信息，设置地址labelfunction getAddress(point){console.log(point);var gc = new BMap.Geocoder();gc.getLocation(point, function(rs){var addComp = rs.addressComponents;var address =  addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址console.log(address);});}}}window.onload = loadJScript;  //异步加载地图

获取当前位置

<script src="http://api.map.baidu.com/api?v=2.0&ak=填入申请的AK"></script>
<script type="text/javascript">//获取当前位置var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){if(this.getStatus() == BMAP_STATUS_SUCCESS){mk = new BMap.Marker(r.point);getAddress(r.point);}else {alert('failed'+this.getStatus());}});//获取地址信息，设置地址labelfunction getAddress(point){var gc = new BMap.Geocoder();gc.getLocation(point, function(rs){var addComp = rs.addressComponents;var address =  addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址console.log(address);});}
</script>

百度地图API获取当前位置相关推荐

百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...
HTML5页面调用百度地图API,获取当前位置并导航到目的地
微信也可用, <!DOCTYPE html> <html lang="zh-cmn-Hans"><meta charset="UTF-8&q ...
JavaScript使用百度地图API获取当前位置信息
使用步骤: 一.百度开放API平台申请AK 二.在线引入API 或者使用 npm 三.使用API获取位置注意:百度API. 高德API 商业用途,均需授权引用与配置方式一 .在线引入API: & ...
vue项目中通过百度地图API获取当前位置定位
1.申请自己的Ak(密钥) 百度地图开发平台登录后到控制台,然后创建应用,选择对应的配置创建成功后复制对应的AK就行(注意:创建过程中需要注意应用类型) 2. 创建一个map.js 里面写此代码需 ...
html5 直接获取当前位置,HTML5调用百度地图API获取当前位置并直接导航目的地的方法...
//$ak=2051409c59b8d558c7e6bbd0c5c62ffd body, html,#allmap {width: 100%;height: 100%;overflow: hidden ...
c语言api获取百度地图,H5调用百度地图API获取地理位置
//获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...
微信端H5使用百度地图定位获取当前位置安卓定位不准
微信端H5使用百度地图定位获取当前位置安卓定位不准的问题解决如下: 使用微信端定位,签名方法看微信接口文档: <script type="text/javascript"&g ...
调用百度地图API获取经纬度(详细步骤)
前端调用百度地图API获取经纬度(详细操作) 1. 浏览器搜索百度地图开放平台 2. 创建应用点击控制台 --> 应用管理 --> 我的应用 --> 注册账号(如果没有注册过) - ...

百度地图API获取当前位置

百度地图API获取当前位置相关推荐

最新文章

热门文章