云迈博客

您现在的位置是:首页 > 前端技术 > 正文

前端技术

vue引入百度地图sdk做地球聚焦

阳旭华2022-08-01前端技术62
```javascriptvarmap=newBMapGL.Map(“allmap”);//创建Map实例map.centerAndZoom(newBMap
var map = new BMapGL.Map("allmap");    // 创建Map实例
            map.centerAndZoom(new BMapGL.Point(118.5, 27.5), 5);  // 初始化地图,设置中心点坐标和地图级别
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
            map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式

            //获取当前地图级别
            // map.getZoom();
            var point = new BMapGL.Point(this.$route.query.lng, this.$route.query.lat);
            var content = this.detail.psName;
            var label = new BMapGL.Label(content, {       // 创建文本标注
                position: point,
                offset: new BMapGL.Size(20, 30)
            })
            label.setStyle({                              // 设置label的样式
                color: '#000',
                fontSize: '14px',
                border: '2px solid #1E90FF'
            })
            //  map.setZoom(7);
            map.addOverlay(label); 

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~