更改google地圖標記顏色

如何輕鬆更改圖標的顏色？我只是希望能夠使用Google標準標記將其更改爲不同的顏色？有沒有一種方法可以在var = marker .....中創建標記的地方聲明顏色？更改google地圖標記顏色

<script type="text/javascript"> 

var map = null; 
function initialize() { 
var myOptions = { 
zoom: 5, 
center: new google.maps.LatLng(54.2361100,-4.5480600), 
mapTypeControl: true, 
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
navigationControl: true, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
map = new google.maps.Map(document.getElementById("map_canvas"), 
          myOptions); 

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

var point = new google.maps.LatLng(50.7184100,-3.5339000); 
    var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>') 


    var point = new google.maps.LatLng(50.9097000,-1.4043500); 
    var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>') 

} 

var infowindow = new google.maps.InfoWindow(
{ 
size: new google.maps.Size(150,50) 
}); 

function createMarker(latlng, html) { 
var contentString = html; 
var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    zIndex: Math.round(latlng.lat()*-100000)<<5 
    }); 

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



</script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
<div id="map_canvas" style="width: 535px; height: 500px"></div>

來源

2014-03-04 user2208358

http://stackoverflow.com/questions/2472957/how-can-i-change-the-color-of-a-google-maps-marker - 除了這個之外你還需要做什麼嗎？ – Knightsy

是的。我無法得到它的工作。我試過在var marker = createMarker之後放置代碼。 ???? – user2208358

調整肖恩從這裏回答How can I change the color of a Google Maps marker?。

試着改變你創建標記功能

function createMarker(latlng, html, iconName) { 
var contentString = html; 
var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    icon: iconName, 
    zIndex: Math.round(latlng.lat()*-100000)<<5 
});

然後用

var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>', 'brown_markerA.png')

確保你把所有的圖標在同一個地方作爲你的地圖頁面調用它。

然後，您可以調整爲不同顏色或字母組成字符串的方式。

來源

2014-03-04 12:25:02 Knightsy

試過代碼和圖標然後消失 – user2208358

我現在沒有工作。非常感謝你的幫助。 – user2208358

太棒了，請點擊上面的大勾來接受答案。 – Knightsy

更改google地圖標記顏色

回答

相關問題