2012-03-06 12 views
3

私は1ページに複数のGoogleマップを持っています。GoogleマップV3:ページ上に複数の地図が表示されていない(DEBUG)

シナリオ:

  • マップはページ上で単独で使用すると、期待どおり働いています。
  • 同じページに2つのマップを使用しています。

ワーキングケース: :)

  • 第一マップはUnstyled-マーカー(デフォルトマーカー)
  • 第二マップは、スタイル付きマーカーを使用して使用しています[参照してください:Styled Markers]
  • を両方のマップを示しますマーカーは期待どおりです。
  • が問題ケース

[http://pastebin.com/ciphPXZc]でコードを参照してください: :(

  • 第一マップは、スタイル付きマーカーを使用して、[参照してください:Styled Markers]
  • 第二マップはUnstyled-マーカー(デフォルトを使用していますマーカー)
  • 第1のマップは全くマーカーを示さない
  • []

変数名の衝突がない場合でも、どのように地図に影響するのか理解できません。

地図の順序はどのように影響を受けますか?

何か不足している場合は、お手数ですが、お問い合わせください。

答えて

2

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エクステンションが最後にロードされるので、すべてが機能します。

2番目の例では、APIとStyledMarker拡張を読み込み、APIを再度読み込んだ後にmap1()と呼び出し、スタイル付きマーカーを使用しようとしています。しかし、2回目にAPIを読み込むと、StyledMarker拡張機能がなくなる可能性があります。

+0

私はcssを複数回追加していますが、クライアントブラウザは一度だけダウンロードするので、どのように重要か分かります。 私はあなたを得ていませんでした。 –

+0

詳細を教えてください。 –

+0

要望どおりに洗練されています。 –

関連する問題