-1

連絡先ページhttp://www.liebekuchen.co.uk/talk-to-us/にスタイル付きのGoogleMapV3があります。これは、スプライト画像の表示に関するいくつかの問題を解決しますが、このJSONを2つに追加する必要があります。ショールームページの個別のマップhttp://www.liebekuchen.co.uk/kitchen-showrooms/異なる場所にある複数のマップにスタイルを追加するにはどうすればよいですか？JSはページヘッドで呼び出されました。

<script type="text/javascript">

$(document).ready(function() {

    // V3 map

        var myLatlng = new google.maps.LatLng('51.4525368','0.2481994');


        var mapOptions = {

        mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: new google.maps.LatLng('51.4600368','0.0781994'),
        zoom: 11,
        mapTypeControl: false,
        scrollwheel:false

        };

        var map = new google.maps.Map(document.getElementById("head-office-map"), mapOptions);


      var styles = [
      map styles here...
        ]
      }
    ];


    map.setOptions({styles: styles});

    var contentString = "";

   var infowindow = new google.maps.InfoWindow({
        content: contentString,

    });

    var $image = new google.maps.MarkerImage("../images/icons/LK-mapicon.png",
    // size
    new google.maps.Size(50, 50),
    // origin
    new google.maps.Point(0, 0),
    // anchor
    new google.maps.Point(25, 50));

    var $shadow = new google.maps.MarkerImage("../images/icons/LK-mapicon-shadow.png",
    // size
    new google.maps.Size(65, 39),
    // origin
    new google.maps.Point(0, 0),
    // anchor
    new google.maps.Point(25, 50));

    var marker = new google.maps.Marker({
        clickable: false,
        position: myLatlng,
        map: map,
        title:"Liebe Kuchen Head Office",
        icon:$image,
        shadow:$shadow
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });


});

4

1 に答える 1

0

同じ JavaScript を複数のページに追加する場合は、そのコード (マップ スタイル) を定義するだけの外部ファイルを作成し、それを必要とするすべてのマップに含めます。（未検証）

<script type="text/javascript" src="scripts/mapstyle.js"></script>

「mapstyle.js」に含まれる場所:

  var styles = [
  map styles here...
    ]
  }
];
于 2013-01-10T14:55:36.823 に答える