HTML+JavaScript实现百度地图多标注点展示
多个标注点的地图展示，用HTML加JavaScript配合百度地图 API就能轻松搞定。你只要提前拿到自己的ak密钥，在页面里引入地图脚本，再创建一个div作为地图容器，基础准备就完成了。
标注点用一个数组来装，里面放经纬度和提示信息。用new BMap.Marker()一个个往地图上加。为了让用户点开有反馈，还能加个BMap.InfoWindow，提示内容直接弹出来。
地图初始化那段代码挺关键的，用map.centerAndZoom设置好中心点和缩放，别忘了再开下滚轮缩放map.enableScrollWheelZoom()，交互体验会好多。
嗯，如果你项目里位置比较多，比如门店分布、活动打卡点、物流跟踪啥的，这套方案挺好用的。还可以继续拓展，比如加自定义图标、动态加载数据、标注聚合之类，都不难搞。
不过注意一点，监听click事件那段代码里，用闭包或let优化下作用域，不然弹窗信息会错乱。
想看更多百度地图的玩法，可以顺便看看这些：百度地图 api、百度地图 JS api Demo。
文件大小：78.52KB
评论区