百度地图落点方法总结

最新推荐文章于 2023-03-22 11:18:42 发布

木有是我

最新推荐文章于 2023-03-22 11:18:42 发布

阅读量685

点赞数

分类专栏： js vue 文章标签： javascript 开发语言百度

本文链接：https://blog.csdn.net/weixin_45440813/article/details/125674266

版权

本文总结了在使用百度地图进行落点操作时的方法，包括地图初始化、自定义图标、根据后端数据批量标记点位，并介绍了如何通过数组遍历处理多类型点位，以实现灵活设定不同图标和信息展示。

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

一、第一次使用百度地图，涉及主要功能就是落点，在需求逐渐增加及过程中各种bug得修复，改进使用方法如下：
1、初始化地图

<script>
    export default {
   
        data() {
   
            return {
   
                map: null,
            }
        },
        methods: {
   
            // 初始化百度地图
            initMap() {
   
                this.map = new BMapGL.Map('map', {
   
                    enableDblclickZoom: false, //点击缩放
                    minZoom: 11, //最小
                    maxZoom: 14,    //最大缩放
                });
                let point = new BMapGL.Point(115.228875, 39.319967); //经纬度定义坐标点
                this.map.centerAndZoom(point, 11); //设定中心点
                this.map.enableScrollWheelZoom(true); //配置滚动缩放
                this.map.setMapStyleV2({