怎么通过坐标在百度地图上显示出位置

发布网友 发布时间：2022-03-03 23:53

我来回答

共1个回答

热心网友 时间：2022-03-04 01:22

1 注册百度账号，到百度地图的API申请个KEY，免费的key每天有固定的查询流量，付费就很多了。
2 申请了Key后，在你的Html 页面上引入js ：
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
3
在HTML的Body中，放入一个div，用于显示地图的地方

<div id="allmap"></div>
4
写入显示到地图的图标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>
5 保存后，打开您的HTML，界面将会显示出第四步的坐标地址 Point(116.400244,39.92556);
6
点击地图上的红色图标地址，将调用刚才写的
function getAttr(){
var p = marker.getPosition(); //获取marker的位置
alert("marker的位置是" + p.lng + "," + p.lat);
}
方法，弹出提示框。
这个方法，看具体需要调用什么方法，就写什么内容喽。
至此，入参坐标调用百度API显示到地图上的图标，方法实现。更多请查看百度API提供的方法，很丰富~