Question

知道坐标点，怎么才能输入到百度地图上

Answer 1

最近在做车辆显示到百度地图上，需要看到当前车辆在哪里，那么则需要通过当前车辆的坐标，显示到地图上去，怎么做呢？通过百度提供的API来实现

工具/原料

• 百度地图API的key

方法/步骤

• 注册百度账号，到百度地图的API申请个KEY，免费的key每天有固定的查询流量，付费就很多了。

  

  

• 申请了Key后，在你的Html 页面上引入js ：

  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

  

• 在HTML的Body中，放入一个div，用于显示地图的地方

  <div id="allmap"></div>

  

• 写入显示到地图的图标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>

  

• 保存后，打开您的HTML，界面将会显示出第四步的坐标地址 Point(116.400244,39.92556); 

  

• 点击地图上的红色图标地址，将调用刚才写的 

  function getAttr(){

  var p = marker.getPosition();       //获取marker的位置

  alert("marker的位置是" + p.lng + "," + p.lat);   

  }

  方法，弹出提示框。

  这个方法，看具体需要调用什么方法，就写什么内容喽。

  至此，入参坐标调用百度API显示到地图上的图标，方法实现。更多请查看百度API提供的方法，很丰富~