vue中百度地图自定义点线面

最新推荐文章于 2024-05-11 10:41:54 发布

封小荷

最新推荐文章于 2024-05-11 10:41:54 发布

阅读量1.5k

点赞数

文章标签： vue 百度地图添加删除点线面

本文链接：https://blog.csdn.net/qq_41186500/article/details/99639053

版权

vue 百度地图自定义覆盖物!

在这里插入图片描述

<template>
  <div id="app">
    <div class="Overlay" style="margin:10px 0;">
      <el-button @click="deletePoint">删除点</el-button>
      <el-button @click="deleteCircle">删除圆</el-button>
      <el-button @click="deletePolyline">删除线</el-button>
      <el-button @click="deletePolygon">删除多边形</el-button>
      <el-button @click="deleteRectangle">删除矩形</el-button>
      <el-button @click="deleteAll">删除全部</el-button>
    </div>
    <div id="allmap" ref="allmap" />
  </div>
</template>

<script>
export default {
   
  	name: 'App',
  	components: {
   },
	data(){
   
		return {
   
			map: {
   }, // 将map设置为全局变量
			circle: null,
	    	circleCenter: [],
	      	circleRadius: '',
	     	circleArea: '',
	      	polygonArea: '',
	     	pointArr: [],
	      	circleArr: [],
	      	polylineArr: [],
	      	polygonArr: []