Как добавить попап (window info) к маркерам Google Maps?

Question

[ravlex]

У меня есть карта с маркерами, нужно добавить этим маркерам попап текст, вот такой https://developers.google.com/maps/documentation/j... .

Как не пытался сделать, не получается. Очень прошу помочь с этим вопросом или показать на примере, как сделать.

Вот пример моей карты: https://codepen.io/alexander-rodionov/pen/MqpXyb

Answer 1

[0xD34F]

https://jsfiddle.net/6eLg3a8v/1/

Comments

[ravlex]

Спасибо большое, но можете, пожалуйста, показать пример с разноплановым контентом? Почему-то всё ещё не получается каждому отдельному маркеру свой контент дать.

[0xD34F]

Конкретизируйте вопрос. О каком "разноплановом" контенте идёт речь? Как именно вы пытались реализовать задуманное, и что не получается?

[ravlex]

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

marker.addListener('click', function () {
     	infowindow.setContent(title);
     	infowindow.open(map, marker);
     })

[ravlex]

0xD34F, Мне нужно, допустим, одному маркеру вывести цифры, другом - буквы. В этом плане контент должен быть разный. То есть индивидуальным для каждого маркера.

[0xD34F]

Что значит "не пойму"????!!!!!!! Вы же в тексте вопроса говорили, что типа "вот пример моей карты" - код по ссылке сами писали или нет?

[ravlex]

0xD34F, Сам, кроме фильтра по радио буттонам - по ним подсказали.

[0xD34F]

Очень хорошо, значит и вот эта строка принадлежит вам:

const myMarker = myMarkers[group][title]

Здесь откуда берётся title вы понимаете? Или тоже нет? Писали не приходя в сознание?

[ravlex]

0xD34F, Берется из маркера title рядом с координатами, понял , но можно ли другую переменную использовать для текста? Тайтл при наведении отображается, если я туда буду запихивать много контента, он будет дублироваться при наведении на маркер. Это не совсем то, что нужно

[0xD34F]

Пусть вместо массива с координатами будет объект, где одно из свойств - координаты, а другое - контент для infowindow. Ответ обновил.

[ravlex]

0xD34F, Да, то что нужно, спасибо большое )