MapBox常用属性和案例

最新推荐文章于 2025-03-15 16:06:27 发布

tyy_Rany

最新推荐文章于 2025-03-15 16:06:27 发布

阅读量1.5k

点赞数 1

分类专栏： mapbox

本文链接：https://blog.youkuaiyun.com/skr_Rany/article/details/108116749

版权

本文介绍了MapBox的常用属性和应用案例，包括如何进行地图定位，获取和管理图层，监听地图缩放事件，使用鹰眼功能，展示热力图，以及图层的显示与隐藏操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、定位

//跳转

this.map.jumpTo({
    center: city.geometry.coordinates });
}, 2000 * index);
//飞行
this.map.flyTo({
   
        center: [114.23774842192483, 30.52603116857425],
        essential: true 
      })

二、获取所有图层

var layers = this.map.getStyle().layers

三、监听地图缩放事件

this.map.on('moveend', () => {
   
        console.log(this.map.getZoom())
        // if(e.moveend&&e.moveend=="111"){
   
        //   //查询操作
            // }
      })

四、鹰眼

//引入minimap插件
this.map.addControl(
          new mapboxgl.Minimap({
   
            id: 'mapboxgl-minimap',
            width: '320px',
            height: '180px',
            style: 'mapbox://styles/tyy-sj/ck9c4cqa301rg1ipfeaiywr9x',
            center: [114.23774842192483, 30.52603116857425],
            zoom: 15,
            // 应该是一个函数；