Как мне работать с маркерами карты Google с информационными окнами, если их больше 100

Question

Пример http://econym.org.uk/gmap/example_maptypecontrols2.htm

Допустим, у меня есть 100 маркеров с информационными окнами. Как мне с этим справиться?

Должен ли я перечислить этот код 100 раз в моем JavaScript?

  var point = new GLatLng(43.91892,-78.89231);
  var marker = createMarker(point,'Some stuff to display in the<br>Second Info Window')
  map.addOverlay(marker);

  var point = new GLatLng(43.82589,-79.10040);
  var marker = createMarker(point,'Some stuff to display in the<br>Third Info Window')
  map.addOverlay(marker);

Дайте мне знать

Answer 1

Вы можете создать массив с JSON, который может быть сгенерирован на сервере и загружен асинхронно.

{ markers : [
    { lat : 43.91892, lon : -78.89231, html : "Stuff to display" },
    { lat : 43.91892, lon : -78.89231, html : "Stuff to display" },
    { lat : 43.91892, lon : -78.89231, html : "Stuff to display" },
    { lat : 43.91892, lon : -78.89231, html : "Stuff to display" }
  ]
}

Затем создайте функцию для создания маркеров:

function displayMarker(item){
    var point = new GLatLng(item.lat, item.lon);
    var marker = createMarker(point, item.html);
    map.addOverlay(marker);
}

Затем переберите массив элементов, каждый раз вызывая эту функцию.