微信原生小程序实现行政区域自动缩放

位置:首页 / 技术中心 / 微信小程序原生

微信小程序原生 Admin 2025-10-31 17:59:02 203

https://www.doubao.com/thread/wd4696a0bff94b637


packageC\addGridConfig\addGridConfig.wxml

  <view class="mapBox">
    <map class="map" id="mapId" latitude="{{ latitude }}" longitude="{{ longitude }}" markers="{{markers}}" polyline="{{polygons}}" scale="{{scale}}">
    </map>
  </view>

packageC\addGridConfig\addGridConfig.js

      //加入地图缩放
      // 获取地图实例(需在wxml的map组件添加id="partyMap")
      const mapContext = wx.createMapContext('mapId', this);
      // 调用includePoints自动缩放至所有点显示
      mapContext.includePoints({
        points: markers,
        padding: [30, 30, 30, 30], // 地图边缘留白(避免点贴边)
        success: () => {
          console.log('自动缩放至围栏区域完成');
        },
        fail: (err) => {
          console.error('自动缩放失败:', err);
        }
      });


18455111359 扫描二维码