高德地图多边形地图编辑

最新推荐文章于 2025-01-01 08:09:45 发布

閉丄眼聆厛倖輻

最新推荐文章于 2025-01-01 08:09:45 发布

阅读量1.2k

点赞数

分类专栏：高德地图API 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_52005030/article/details/119875574

版权

本文介绍了如何在Vue项目中结合高德地图API，实现地图上多边形的绘制与编辑功能。详细阐述了代码实现过程，帮助开发者理解如何在Web应用中创建交互式的地图组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果:

代码:

<template>
  <div>
    <div class="top">多边形地图</div>
    <div class="top">
   <el-button type="primary"
                       @click="polyEditorEdit.open()">开始编辑</el-button>
            <el-button type="primary"
                       @click="polyEditorEdit.close()">结束编辑</el-button>
                        <el-button 
                   type="primary"
                   @click="confirm()">编 辑</el-button>
    </div>

    <div
      id="mapContainer"
      class="amap"
    />

  </div>
</template>

<script>
export default {
  components: {},
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watc