Как сверстать карту и привязать к ней поп-ап?

Question

[Jack]

Приветствую всех! Помогите разобраться, я не волшебник, я только учусь. На сайт нужно поместить видоизмененную карту, добавить на нее маркеры в виде точек, при нажатии на точку маркер меняет свой вид и появляется всплывающее окно (картинку приложил). Реально ли вообще реализовать это методами верстки? Если да, то как? Заранее благодарен за ответы.

Comments

[yarovikov]

Если имеете ввиду не прибегая к js, то не возможно.

[Jack]

yarovikov, а как сделать с помощью js. просто я вообще не могу врубиться как реализовать это чудо

[yarovikov]

Jack,

1. стайлинг карты https://snazzymaps.com

2. кастомный маркер - https://developers.google.com/maps/documentation/j...

3. попап - если умеете их делать на js, то труда не будет вызвать по клику на маркер. Типа:

google.maps.event.addListener(marker, 'click', function() {
	// вызываем попап
});

[Jack]

yarovikov, понял спасибо )
у меня еще вопрос.
если я правильно понял, без Google API я нужные маркеры на карту не нанесу?

[freeExec]

Jack, Без Google Map API у вас и карты не будет, не то что маркеров.

[yarovikov]

Jack, без апи не получится, верно. Но это не сложно, как кажется.

Answer 1

[y0u]

https://developers.google.com/maps/documentation/j...

Answer 2

[Шохрух Шаймардонов]

Выше уже ответили, дополню. Посмотрите также
API яндекс карт и leaflet.js