小程序使用自定义地图样式

小程序使用自定义地图样式(小程序原生map组件)

• 申请腾讯小程序key lbs.qq.com/dev/console…
• 设置地图样式

• 使用 layer-style对应key下样式style 编号

web端使用自定义地图

• 在官网定义自定义的样式

• vue-amap组件中使用自定义样式

 <el-amap
    vid="js-container"
    class="map"
    zoom="12"
    :center="center"
    ref="map"
    :plugin="plugin"
    :style="'width:' + width"
    :events="mapEvents"
  >
  
  mapEvents = {
    init(o) {
      o.setMapStyle("amap://styles/80a414fee33c6fae1c76700ba9aa7863"); //自定义的高德地图的样式
    },
  };