怎么通过坐标在百度地图上显示出位置
最近在做车辆显示到地图上,需要看到当前车辆在哪里,那么则需要通过当前车辆的坐标,显示到地图上去,怎么做呢?通过提供的API来实现
操作方法
- 01
注册百度账号,到百度地图的API申请个KEY,免费的key每天有固定的查询流量,付费就很多了。
- 02
申请了Key后,在你的Html 页面上引入js : <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
- 03
在HTML的Body中,放入一个div,用于显示地图的地方 <div id="allmap"></div>
- 04
写入显示到地图的图标js方法 <script type="text/javascript"> var map = new BMap.Map("allmap"); var point = new BMap.Point(116.400244,39.92556); map.centerAndZoom(point, 12); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.addEventListener("click",getAttr); function getAttr(){ var p = marker.getPosition(); //获取marker的位置 alert("marker的位置是" + p.lng + "," + p.lat); } </script>
- 05
保存后,打开您的HTML,界面将会显示出第四步的坐标地址 Point(116.400244,39.92556);
- 06
点击地图上的红色图标地址,将调用刚才写的 function getAttr(){ var p = marker.getPosition(); //获取marker的位置 alert("marker的位置是" + p.lng + "," + p.lat); } 方法,弹出提示框。 这个方法,看具体需要调用什么方法,就写什么内容喽。 至此,入参坐标调用百度API显示到地图上的图标,方法实现。更多请查看百度API提供的方法,很丰富~