多樣式谷歌地圖

-1

我在我的聯繫頁面http://www.liebekuchen.co.uk/talk-to-us/有一個風格的谷歌地圖V3，它的工作好吧酒吧精靈圖像顯示的幾個問題，但我需要添加此JSON到我的展廳頁面上的兩個單獨的地圖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); 
    }); 


});

來源

2013-01-10 Dan

「不過，我需要這個JSON添加到兩個獨立的地圖」 - 這JSON？我的代碼中沒有看到任何JSON？ – tborychowski

抱歉有點誤導，可能不知情。我相信JSON是當我通過嚮導創建樣式化地圖時生成的腳本，即地圖樣式和標記樣式？我刪除了樣式腳本，因爲它很長，對於這個問題沒有必要。我只需要能夠將此腳本的變體添加到單獨頁面上的兩個地圖（JS在標題中調用，這不是我的問題），它將代碼調整爲包含不同div中包含的不同地圖。 – Dan

如果你想同一個JavaScript添加到多個頁面，創建只定義代碼（地圖樣式）的外部文件並將其包含在需要它的所有地圖。（未測試）

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

其中「mapstyle.js」將包含：

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

來源

2013-01-10 14:55:36 geocodezip

多樣式谷歌地圖

回答

相關問題