Скрыть определенные ярлыки на встроенной карте Google? - PullRequest
Новая
       3

Скрыть определенные ярлыки на встроенной карте Google?

1 голос
/ 22 марта 2012

Я встраиваю карту Google с подключаемым модулем gmap3 jQuery: http://gmap3.net/index.html

Как я могу скрыть определенные метки на карте?

Скрывая .gmnoprint с помощью CSS, я могу скрыть элементы управления, но мне все еще нужно скрыть опцию «Карта / Спутник» и значок человека, который находится слева вверху.

Для другого просмотра мне нужно, чтобы элементы управления были видны, поэтому я не могу скрыть gmnoprint. Для этого просмотра мне нужно скрыть 2 элемента, упомянутых выше, а также нижний колонтитул (который виден, если вы не скрываете .gmnoprint).

Данный проект является лишь внутренним подтверждением концепции. Если это идет в производство, мы могли бы вместо этого использовать карты Bing. По этой причине я не ожидаю, что у них будут какие-либо юридические проблемы с тем, что я пытаюсь сделать.

Я пытался использовать CSS с разными спецификациями, но с удивительными результатами, я предполагаю, что Google хочет усложнить скрытие вещей. Может быть, я мог бы запустить какой-нибудь JavaScript после загрузки страницы, чтобы скрыть div в зависимости от того, какой контент у них есть, но это кажется довольно грязным решением.

ОБНОВЛЕНИЕ С помощью .gmnoprint: nth-child (3) я могу скрыть текст нижнего колонтитула (внизу справа), но в левом нижнем левом углу изображения "Google" есть классы или идентификаторы.

1 Ответ

2 голосов
/ 25 марта 2012

"man" - это уличный элемент управления, его можно удалить, как и все другие элементы управления, с помощью параметров, определенных в API-документах 

$("#map")
  .gmap3({action: 'init',
          options:{
                    mapTypeControl:false,//hide mapTypeControl
                    streetViewControl: false//set it to false to hide the "man"
          }
});

отключение всех элементов управления: 

$("#map")
  .gmap3({action: 'init',
          options:{
                    mapTypeControl:false,
                    streetViewControl: false,
                    panControl:false,
                    rotateControl:false,
                    zoomControl:false
                  }
});

Примечание : вам запрещено удалять текст нижнего колонтитула (также не логотип Google). Она всегда должна быть видимой, независимо от того, для каких целей карта используется

...