Как на jQuery сделать появления блока div по клику на метку на карте?

Question

[Сергей]

примерно что бы было как то так..

Comments

[Эдуард]

C помощью чего сделана карта (с помощью какой библиотеки)?
Учитывая, что вопрос помечен тегом OpenStreetMap, можно предположить, что это Leaflet или OpenLayers.

[Сергей]

Эдуард: Leaflet

Answer 1

[Cube]

Смотря какие карты вы используете, вот гугл:

google.maps.event.addListener(marker, 'click', function() {
                    //в этом участке методом .append() добавляете div
});

Либо можете на div повесить visibility: hidden, а потом кликнув на метку просто изменить на visibility: visible, если я правильно понял ваш вопрос.

Comments

[Сергей]

мне получается надо сделать так что бы при клике на метку Col-md-12 преобразовывалась в col-md-8 и с боку появлялось окно com-md-4, с описание .

[Николай]

faerget: а вы не хотите случаем поверх этот блок положить? Как в том же google/yandex maps. Карту дергать туда сюда не очень хорошо.

Answer 2

[Эдуард]

Если библиотека Leaflet, то нужно ловить вот это событие: leafletjs.com/reference.html#marker-click
Как ловить события, написано здесь: leafletjs.com/reference.html#events

В HTML не силён, поэтому не помогу с появлением блока <div>