Я прошу прощения, если это является основным, но у меня очень ограниченные знания JavaScript.

Я делаю карту, которая загружает данные GeoJSON, которые я создал в ArcGIS, переформатировал в GeoJSON, используя ogr2ogr. У меня есть загрузка карты и отображение маркеров точек из моего файла GeoJSON, и я даже получилstyleFeature() функция, чтобы установить стиль на особенности, основанные на их свойствах.

Проблема в том, что я пытаюсь заставить всплывающие окна всплывающими окнами нажимать на точечный объект.

Я успешно использовал этот код для установки прослушивателя событий и обновления содержимого div с помощью информации, полученной от нажатой функции:

map.data.loadGeoJson('http://www.myurl.com/file.json');

map.data.setStyle(styleFeature);

map.data.addListener('click', function(event) {
    var myHTML = event.feature.getProperty('Description');
    document.getElementById('info-box').innerHTML = myHTML;
});

Вместо этого я бы хотел иметь событие, которое запускает такое информационное окно, которое не работает:

map.data.loadGeoJson('http://www.myurl.com/file.json');

map.data.setStyle(styleFeature);

map.data.addListener('click', function(event) {
    var myHTML = event.feature.getProperty('Description');
    var infowindow = new google.maps.InfoWindow({content: myHTML});
});

Мой набор данных состоит из более чем тысячи точек, поэтому жесткое программирование информационных окон не работает, и я не видел примеров, показывающих, как создать массив информационных окон, когда функции циклически повторяются в функции, вызываемойsetStyle() или.

Я знаю, что это связано с моим непониманием объема, событий и массивов объектов, но я просто бью себя в стену.

Любая помощь будет оценена.