最近在做车辆显示到地图上，需要看到当前车辆在哪里，那么则需要通过当前车辆的坐标，显示到地图上去，怎么做呢？通过提供的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提供的方法，很丰富~
