首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在谷歌地图v3上添加和删除多边形?

如何在谷歌地图v3上添加和删除多边形?
EN

Stack Overflow用户
提问于 2010-08-06 20:12:55
回答 2查看 39.2K关注 0票数 17

我正在尝试使用API的v3在Google Map上显示和删除多边形。在我的JavaScript中,我已经有了一些自定义Lat-Long的MVCArray。

我正在尝试弄清楚如何添加这些多边形,然后,基于其他一些JavaScript事件或用户操作,例如单击一个多边形(已渲染),该多边形将被删除。

有人能帮帮忙吗?有没有到示例的代码或链接?我正在努力寻找一些例子。它们中的大多数通常会转到一些v2代码中。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-08-07 04:43:06

在API文档中,有几个简单的adding a polygon to a map示例。下面是来自简单Bermuda Triangle示例的initialize()函数,其中添加了一个事件侦听器,用于在单击时删除多边形。

代码语言:javascript
复制
function initialize() {
  var myLatLng = new google.maps.LatLng(24.886436490787712, -70.2685546875);
  var myOptions = {
    zoom: 5,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var bermudaTriangle;

  var map = new google.maps.Map(document.getElementById("map_canvas"),
      myOptions);

  var triangleCoords = [
      new google.maps.LatLng(25.774252, -80.190262),
      new google.maps.LatLng(18.466465, -66.118292),
      new google.maps.LatLng(32.321384, -64.75737),
      new google.maps.LatLng(25.774252, -80.190262)
  ];

  // Construct the polygon
  bermudaTriangle = new google.maps.Polygon({
    paths: triangleCoords,
    strokeColor: "#FF0000",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#FF0000",
    fillOpacity: 0.35
  });

  bermudaTriangle.setMap(map);

  // add an event listener
  google.maps.event.addListener(bermudaTriangle, 'click', function() {
      this.setMap(null);
  });

}
票数 24
EN

Stack Overflow用户

发布于 2018-01-17 14:56:17

我不确定这个答案是否适用于javascript,但肯定适用于java。

如果您有对要移除的多边形对象的引用,则只需调用该多边形的remove()方法。请参阅下面链接的文档。

https://developers.google.com/android/reference/com/google/android/gms/maps/model/Polygon.html#remove()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3423620

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档