知道坐标点,怎么才能输入到百度地图上
发布网友
发布时间：2022-04-25 16:25
共1个回答
热心网友
时间：2023-09-21 06:54
最近在做车辆显示到百度地图上，需要看到当前车辆在哪里，那么则需要通过当前车辆的坐标，显示到地图上去，怎么做呢？通过百度提供的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提供的方法，很丰富~
