通过高德地图 JS API实现 鼠标绘制多边形

效果图： 

核心代码：

<template>
  <!--  绘制一个多边形  -->
  <a-modal title="请绘制多边形" :width="width" :visible="visible" @ok="handleOk" @cancel="handleCancel" cancelText="关闭">
    <div class="location-map-box">
      <div class="map-box" id="drawPolygonMap"></div>
      <a-input class="location-map-search-box" id="drawPolygonMapTipinput" v-model:value="value" addon-before="关键字：" />
      <a-button class="location-map-delete-box" type="default" shape="default" :icon="h(DeleteOutlined)" @click="deleteHandler" />
    </div>
  &