Как добавлять и удалять многоугольники на Google Maps v3?

Question

Как добавлять и удалять многоугольники на Google Maps v3?

Я пытаюсь показать и удалить многоугольники на карте Google, используя v3 API. В моем JavaScript уже есть MVCArray некоторых пользовательских значений Lat и Long.

Я пытаюсь понять, как добавить эти многоугольники, а затем, основываясь на каком-либо другом событии JavaScript или действии пользователя, таком как щелчок по многоугольнику (который был визуализирован), этот многоугольник будет удален.

Кто-нибудь может помочь? Есть код или ссылки на примеры? Я изо всех сил пытаюсь найти несколько примеров. Большинство из них обычно используют какой-то код v2.

14

javascript google-maps google-maps-api-3 polygons

задан Pang 7 March 2018 в 04:57

1 ответ

Другие вопросы по тегам:

javascript google-maps google-maps-api-3 polygons

Похожие вопросы:

score 21 · Accepted Answer

В документации API есть пара простых примеров добавления многоугольника на карту . Вот функция initialize () из простого примера Bermuda Triangle с добавлением прослушивателя событий для удаления многоугольника при нажатии.

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);
  });

}