如何更改谷歌地图API中标记的颜色3

Question

我正在寻找一种解决方案来更改API V3中Google地图中制作者的颜色。我想更改鼠标悬停时制造商的颜色。如果有人得到解决方案，请发布他们，我会非常感激。在此先感谢

Answer 1

您必须自定义标记属性并为此使用自定义标记和阴影图像。但是这是在Map API 2中，所以提前很抱歉。

var normal_icon = new GIcon(); 
normal_icon.image = "images/google_marker_green.png"; 
normal_icon.shadow = "images/shadow-google_marker_green.png"; 
normal_icon.iconSize = new GSize(20.0, 34.0); 
normal_icon.shadowSize = new GSize(38.0, 34.0); 
normal_icon.iconAnchor = new GPoint(10.0, 17.0); 
normal_icon.infoWindowAnchor = new GPoint(10.0, 17.0); 

var hover_icon = new GIcon(); 
hover_icon.image = "images/google_marker_blue.png"; 
hover_icon.shadow = "images/shadow-google_marker_blue.png"; 
hover_icon.iconSize = new GSize(20.0, 34.0); 
hover_icon.shadowSize = new GSize(38.0, 34.0); 
hover_icon.iconAnchor = new GPoint(10.0, 17.0); 
hover_icon.infoWindowAnchor = new GPoint(10.0, 17.0); 

var lat="Your lat. point"; 
var long="Your long. point"; 

map = new google.maps.Map2(document.getElementById("map")); 
map.setCenter(new google.maps.LatLng(lat, long), 15); 
map.setUIToDefault(); 
var point = new GLatLng(lat,long); 
var marker = new GMarker(point,normal_icon); 
var message="Custom message"; 
GEvent.addListener(marker, "click", function() { 
    map.openInfoWindowHtml(point, message); 
}); 
map.addOverlay(marker); 

function bindInfoWindow(marker, map, infoWindow, html) { 
     google.maps.event.addListener(marker, 'mouseover', function() { 
     marker.setIcon(hover_icon); 
     }); 
     google.maps.event.addListener(marker, 'mouseout', function() { 
     marker.setIcon(normal_icon); 
     }); 
    } 

您可以找到http://smmtn.com/sandbox/gmaps-marker-hover/

感谢和问候确切的例子

Haresh