Web端调用高德地图-自定义地图背景颜色

1. 首先创建key
2. 自定义颜色
3. 完事之后发布
4. 在vue2项目中使用，请看代码

 

 main.js之中

aMap.initAMapApiLoader({
  // 高德key
  key: '自己的key',
  // 插件集合 （插件按需引入）
  plugin: [
    'Geolocation',
    'AMap.DistrictSearch',
    'MarkerClusterer',
    'AMap.Autocomplete', //输入提示插件
    'AMap.PlaceSearch', //POI搜索插件
    'AMap.Scale', //右下角缩略图插件 比例尺
    'AMap.OverView', //地图鹰眼插件
    'AMap.ToolBar', //地图工具条
    'AMap.MapType', //类别切换控件，实现默认图层与卫星图、实施交通图层之间切换的控制
    'AMap.PolyEditor', //编辑 折线多，边形
    'AMap.CircleEditor', //圆形编辑器插件
    'AMap.Geolocation', //定位控件，用来获取和展示用户主机所在的经纬度位置
    'AMap.Geocoder',
    'AMap.Weather'
  ],
  v: '1.4.4'
})
//高德的安全密钥
window._AMapSecurityConfig = {
  securityJsCode: "相应的密钥",
};

vue页面中

//地图事件
      events: {
        init: (o) => {
          o.setMapStyle("amap://styles/ID样式");
         
        },
      },