Google Maps Api как при множестве маркеров, добавить popup с информацией?

Question

[Cheizer]

Друзья, непростой такой вопрос, с трудом разобрался как сделать навигацию по городам для Google карты.

Теперь никак не получается сделать что бы по клику на каждый маркер, показывался тултип с информацией.
Как тут: test.vitvad.com/gmap

Вот тут поднял, способ как реализовал навигацию https://codepen.io/Cheizer/pen/QRKYaj

Я так понимаю нужен foreach цикл дополнительный, и массив с информацией для тултипов.
Куда копать? Подскажите пожалуйста, может есть примеры с множеством маркеров?

Answer 1

[0xD34F]

Создаёте infowindow:

const info = new google.maps.InfoWindow();

И показываете его при клике на маркеры:

marker.addListener('click', function() {
  info.setContent('сюда засовываете свою информацию');
  info.open(map, marker);
});

https://codepen.io/anon/pen/MdjRrM?editors=1010

Comments

[Cheizer]

Спасибо большое, но не совсем вариант, мне нельзя выносить в скрипт ссылки навигации по карте. И infoWindow нужно сделать кастомное, что бы в него любой HTML код вставлять, но это я знаю как сделать. Я не пойму как мой вариант переделать на Foreach.

[0xD34F]

Роман Кузнецов,

не совсем вариант, мне нельзя выносить в скрипт ссылки навигации по карте

Чё? Я не понимаю, что вы говорите.

не пойму как мой вариант переделать на Foreach

Не понимаю, что вам непонятно. И чего вообще вы хотите - foreach использовать необязательно. Вот вам ваш вариант с минимальными изменениями. Думайте.

[Cheizer]

0xD34F, Вы молодец, все правильно, но для меня это сложно, буду наверное по маленьким вопросам двигаться, у меня есть вариант маркеры как параметры, и тултипы сделаны, вот https://codepen.io/Cheizer/pen/zQoprQ но блин в этом варианте не хватает ума у меня сделать ссылки по этим маркерам.

[0xD34F]

Роман Кузнецов,

буду наверное по маленьким вопросам двигаться

Замечательно. Только не здесь. Оформляйте свои "маленькие вопросы" отдельно.

[Cheizer]

0xD34F, это понятно