Google Maps V3: несколько карт на странице, приводящие к отсутствию маркеров (DEBUG)? - PullRequest
3 голосов
/ 06 марта 2012

У меня несколько гугл-карт на одной странице.

Сценарий:

  • Карты работают должным образом, когда используются на странице в одиночку.
  • Я использую 2 карты на одной странице.

Рабочий случай: :)

Проблемный случай: : (

  • 1-я карта использует стилевые маркеры [См .: Стилизованные маркеры ]
  • 2-я картаиспользуются маркеры Unstyled-Markers (маркеры по умолчанию)
  • 1-ая карта вообще не показывает маркеров
  • См. код в [http://pastebin.com/HyYhgsbm]

Я не могу понять, как карты влияют друг на друга, даже если нет конфликта имен переменных.

Кроме того, как порядок карт может влиять на это?

Пожалуйста, помогите, попросите дополнительную информацию, если я пропустил некоторыевещь.

1 Ответ

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

Это связано с тем, как вы загружаете API и расширение StyledMarker. Делайте как только один раз, так и как можно раньше (желательно в разделе <head>).

<html>
<head>
    <script src="http://maps.googleapis.com/maps/api/js?v=3.6&sensor=true&language=en-us"></script>
    <script src="/site_media/js/google_maps/StyledMarker.js"></script>
</head>

Не включайте сценарии где-либо еще.

В первом примере вы загружаете API, затем делаете это снова, затем расширение StyledMarker, а затем вы вызываете map1() и map2(). Но поскольку расширение StyledMarker загружается последним, все работает.

Во втором примере вы загружаете API и расширение StyledMarker, затем снова загружаете API, затем вызываете map1() и пытаетесь использовать маркеры в стиле. Однако загрузка API во второй раз вполне могла стереть расширение StyledMarker.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...