如何删除谷歌地图上的形状(圆圈)，当点击标记？

在谷歌地图上删除形状（圆圈）的方法是通过Google Maps JavaScript API来实现。以下是一个完整的解答：

要删除谷歌地图上的形状（圆圈），可以按照以下步骤进行操作：

首先，确保你已经在网页中引入了Google Maps JavaScript API的库文件。可以通过在HTML文件的<head>标签中添加以下代码来实现：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>

请将YOUR_API_KEY替换为你自己的Google Maps API密钥。如果你还没有API密钥，可以在Google Cloud控制台中创建一个。

在HTML文件中创建一个用于显示地图的<div>元素。例如：

<div id="map"></div>

在JavaScript代码中，使用google.maps.Map类创建一个地图实例，并将其显示在之前创建的<div>元素中。例如：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194}, // 设置地图的中心点坐标
    zoom: 12 // 设置地图的缩放级别
  });
}

请注意，上述代码中的center属性用于设置地图的中心点坐标，可以根据需要进行调整。

创建一个圆形覆盖物，并将其添加到地图上。例如：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194},
    zoom: 12
  });

  var circle = new google.maps.Circle({
    center: {lat: 37.7749, lng: -122.4194}, // 设置圆形的中心点坐标
    radius: 1000, // 设置圆形的半径（单位：米）
    map: map // 将圆形添加到地图上
  });
}

请注意，上述代码中的center属性用于设置圆形的中心点坐标，radius属性用于设置圆形的半径。

添加一个点击事件监听器，当点击标记时，删除圆形覆盖物。例如：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194},
    zoom: 12
  });

  var circle = new google.maps.Circle({
    center: {lat: 37.7749, lng: -122.4194},
    radius: 1000,
    map: map
  });

  google.maps.event.addListener(circle, 'click', function() {
    circle.setMap(null); // 删除圆形覆盖物
  });
}

上述代码中的google.maps.event.addListener函数用于添加一个事件监听器，当点击圆形覆盖物时触发。

这样，当你在谷歌地图上点击圆形覆盖物时，该圆形将被删除。

腾讯云相关产品和产品介绍链接地址：