百度地图标注地点

最新推荐文章于 2022-10-31 18:17:09 发布

振峰的博客

最新推荐文章于 2022-10-31 18:17:09 发布

阅读量280

点赞数

本文链接：https://blog.csdn.net/weixin_41974205/article/details/103971743

版权

本文介绍了如何利用百度地图API进行地点标注，包括访问官方地址和导入JS来实现路线图的功能。

摘要由CSDN通过智能技术生成

地图官方地址：http://lbsyun.baidu.com/index.php?title=jspopular3.0

导入js

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

<div id="container"></div>

initMap(); //创建和初始化地图

//创建和初始化地图函数：
 function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
  }
 var page_map;
    //创建地图函数：
 function createMap() {
        var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
        page_map = map;
        var x = 119.605720;
        var y = 32.989924;
        var ggPoint = new BMap.Point(x,y);
        // 创建点坐标
        map.centerAndZoom(ggPoint, 5);
        window.map = map; //将map变量存储在全局
 }
//地图事件设置函数&#x