效果图：

核心代码：

<script setup>
  import { onMounted, onUnmounted } from 'vue';
  import AMapLoader from '@amap/amap-jsapi-loader';
  import { message } from 'ant-design-vue';
  import school from '@/assets/icons/school.svg';
  import enterprise from '@/assets/icons/enterprise.svg';


  let map = null;
  let map_opt = [
    {
      city: '西陵区',
      color: '#0BACFF',
    },
    {
      city: '伍家岗区',
      color: '#FFE720',
    },
    {
      city: '夷陵区',
      color: '#502954',
    },
    {
      city: '猇亭区',
      color: '#1AB361',
    },
    {
      city: '兴山县',
      color: '#5251D0',
    },
    {
      city: '秭归县',
      color: '#E3D79D&#