Вопрос по google-maps-api-3, jquery – как: при нажатии на маркер - приглушить карту и показать большой div вместо информационного блока в верхней части карты с информацией

1

у меня естьGoogle Map с фильтруемыми маркерами иinfo-boxes содержит простую информацию о каждом маркере (when you click them ), но было интересно, если это возможно:

Когда вы быclick на маркер - вместо дефолтаinfo-box большойdiv появляется сверху карты с вкладками, которые показывают все возможные данные, которые я предоставлю о маркере черезJSON (изображения, ссылки, картинки).

Как бы вы подошли к реализации этой функциональности?

enter image description here

@ErikPhilips: Вы правы. Я сейчас исследую этот вопрос, а позже опубликую решение в качестве ответа на свой вопрос. Благодарю. Bob
www.whathaveyoutried.com? Erik Philips

Ваш Ответ

2   ответа
0

google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
       map.set('styles', markerSelectedStyles);
    }
 })

)

Вам нужно создать собственную версию более темной карты.

Мастер стиля карт

И создайте такой стиль, например:

var markerSelectedStyles = [ {
"stylers": [
  { "invert_lightness": true }
]}
]
3

google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
           ... your code ...
        }
     })
)

В вашем коде вам нужно определить размер карты и поместить прозрачный DIV поверх, а затем показать свой собственный абсолютно позиционированный HTML DIV внутри элемента ткачества карты.

Похожие вопросы