更改特定谷歌地圖標記的顏色

-2

我目前在我的網站上使用下面的代碼顯示它並將標記放置在地圖上。更改特定谷歌地圖標記的顏色

// Creating a new map 
    //UK Cordinates 55.37911,-3.427734 zoom 9 
    var map = new google.maps.Map(document.getElementById("map"), { 
      center: new google.maps.LatLng(54.901882,-3.603516), 
      zoom: 6, 
      panControl: false, 
      scrollwheel: false, 
     mapTypeControl: false, 
     streetViewControlOptions: {position: google.maps.ControlPosition.LEFT_CENTER}, 
     zoomControlOptions: {position: google.maps.ControlPosition.LEFT_CENTER}, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 


    // Creating the JSON data 
    var json = [ 
     { 
      "title": "BLAH", 
      "lat": 51.514979, 
      "lng": -0.134175, 
      "description": "BLAHBLAHBLAH" 
     }, 
     { 
      "title": "BLAH", 
      "lat": 51.512779, 
      "lng": -0.132625, 
      "description": "BLAHBALH" 

     }, 
     { 
      "title": "BLAH", 
     "lat": 51.489025, 
      "lng": -0.191840, 
      "description": "BLAHBLAH" 
     },

我想只使某些標記顯示爲綠色而不是標準紅色。但是，並非通過放置標記的方法（JSON數據），有很多關於如何在Web上執行此操作的信息。以前的設計師做了這個，所以我不確定！

非常感謝！

來源

2014-01-20 Harry

這將有助於看到您的JavaScript代碼，你實際上遍歷該JSON數據並創建標記[顏色一個谷歌的第一標記圖譜不同的顏色（HTTP的 – duncan

可能重複：//計算器。 com/questions/16900210/color-the-first-marker-of-google-map-a-different-color） – geocodezip

你將需要在該JSON數據中指出哪些標記應該是綠色，哪些應該是紅色。這取決於你理清。我假設我們已經有了一個新的布爾值。但實際上，您可能更喜歡指定標記圖片的網址（例如，如果使用的不僅僅是綠色和紅色的標記）。

我已經寫了僞僞代碼樣式，直到你爲我們提供了更多的代碼，顯示你自己是如何實際做到這一點的。

loop over json 
    // create marker 
    marker = new google.maps.Marker({ 
     ... 
    }); 

    if (json.useGreen) { 
     // use the green marker 
     marker.setIcon('http://maps.google.co.uk/intl/en_ALL/mapfiles/ms/micons/green.png');  
    } 
end-loop

來源

2014-01-20 17:19:05 duncan

非常感謝您的輸入，我正在處理另一個人的代碼，所以這看起來像是一個疼痛！ – Harry

更改特定谷歌地圖標記的顏色

回答

相關問題