Прикрепление тегов "Class" или "id" к Marker Link - PullRequest
Новая
       25

Прикрепление тегов "Class" или "id" к Marker Link

1 голос
/ 08 июля 2011

У меня есть кликабельный маркер, к которому я хочу прикрепить тег 'class' или 'id', почти так же, как в <a href='' id='???'>. 

<div id="map" style="width: 500px; height: 400px;"></div>
<script type="text/javascript">
var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 2,
  center: new google.maps.LatLng(35.55, -25.75),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var marker = new google.maps.Marker({
  position: map.getCenter(),
  url: '#popup1',
  map: map
});

google.maps.event.addListener(marker, 'click', function() {
  window.location.hash = marker.url;
});

Для тех, кто тоже хочет получить ответ: я нашел SimpleModal.

http://www.ericmmartin.com/projects/simplemodal/

Затем я использовал $ ("# element-id"). Modal ();при событии щелчка маркером, которое запускает внешнее окно Jquery.

Спасибо за ваше время, Loïc!

1 Ответ

1 голос
/ 08 июля 2011

Возможно, вы сможете получить узел dom, следуя приведенным здесь рекомендациям: Получить элемент DOM маркера в Google Maps API 3

Тем не менее, получая доступ к узлу dom (впорядок установки идентификатора и класса CSS не похоже на способ, которым команда разработчиков карты Google разработала маркер.Фактически, маркеру присваивается идентификатор в API карты Google, я бы не стал вмешиваться в это, поскольку это может нарушить функциональность.

Если вы хотите изменить визуальные элементы маркера, вы можете использоватьИконки, а не маркеры.Иконки - это маркеры с нестандартным изображением.Вы можете получить больше информации здесь: http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

И если вы хотите получить маркер, вы можете сохранить его в массиве и получить к нему доступ позже в вашем коде.

...