vue中基于高德地图，获取省级地图（以安徽为例）

一挽长夏

于 2022-01-21 11:47:42 发布

阅读量1.8k

点赞数

分类专栏：高德地图api 前端-vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43569405/article/details/122618093

版权

效果图展示
在这里插入图片描述

<template>
  <div>
    <div id="mapId" class="rescure-map"></div>
  </div>
</template>

在这里插入图片描述
import AMap from ‘AMap’

 mounted() {
      var that = this
      that.initMap()
  },
 methods: {
      // 初始化地图
      initMap() {
        var that = this
        const mapConfig = {
          zoom: 10 ,// 地图显示的缩放级别
          mapStyle: 'amap://styles/darkblue', //地图背景样式
          showIndoorMap: false
        }
        // maps是容器的id名
        that.map = new AMap.Map('mapId', mapConfig)
        that.map.setMapStyle('amap://styles/db630f877ac1565889e6ec8576250978') // 自定义地图样式，不显示村庄和乡镇
        AMap.plugin('AMap.District

最低0.47元/天解锁文章