Google maps api 3 如何在谷歌地图API V3中更改图标颜色？

我想将县图标更改为蓝色（除红色外的任何颜色）

有没有办法为特定点定义不同的图标颜色

    <script type="text/javascript"> 
    //<![CDATA[
    var map = null;
function initialize() {
 var myOptions = {
  zoom: 8,
  center: new google.maps.LatLng(39.831125875,-112.15968925),
  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();
    });

  // Add markers to the map
  // Set up three markers with info windows 


   var point = new google.maps.LatLng(40.970826,-112.048187)
   var marker = createMarker(point,'Utah-Davis County');


   var point = new google.maps.LatLng(40.235509,-111.660576)
   var marker = createMarker(point,'Utah-Provo');

   var point = new google.maps.LatLng(40.766502,-111.897812)
   var marker = createMarker(point,'Utah-Salt Lake City');


  }

   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);
    });
   }


function animate(lati,long) {
    var latLng = new google.maps.LatLng(lati, long); //Makes a latlng
    map.panTo(latLng); //Make map global
}


//]]>
</script> 

//

---

有没有办法为特定点定义不同的图标颜色？

我认为这会有所帮助。不过，您必须创建一个自定义标记

    <script type="text/javascript"> 
    //<![CDATA[
    var map = null;
function initialize() {
 var myOptions = {
  zoom: 8,
  center: new google.maps.LatLng(39.831125875,-112.15968925),
  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();
    });

  // Add markers to the map
  // Set up three markers with info windows 


   var point = new google.maps.LatLng(40.970826,-112.048187)
   var marker = createMarker(point,'Utah-Davis County');


   var point = new google.maps.LatLng(40.235509,-111.660576)
   var marker = createMarker(point,'Utah-Provo');

   var point = new google.maps.LatLng(40.766502,-111.897812)
   var marker = createMarker(point,'Utah-Salt Lake City');


  }

   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);
    });
   }


function animate(lati,long) {
    var latLng = new google.maps.LatLng(lati, long); //Makes a latlng
    map.panTo(latLng); //Make map global
}


//]]>
</script> 

针对您的问题，您可以这样做：

var pinColor = "2F76EE"; // a random blue color that i picked
var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
            new google.maps.Size(21, 34),
            new google.maps.Point(0,0),
            new google.maps.Point(10, 34));
var pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
            new google.maps.Size(40, 37),
            new google.maps.Point(0, 0),
            new google.maps.Point(12, 35));

然后

---

归功于

谢谢。它确实显示了一个蓝色的标记。但是，没有弹出窗口/文本消息来说明标记的用途。如何更改它以添加消息？var point=new google.maps.LatLng（37.679405，-113.063736）var marker=createMarker（point，'犹他州-雪松城'）；var marker=new google.maps.marker（{position:new google.maps.LatLng（40.970826，-112.048187），map:map，icon:pinImage，shadow:pinShadow}）；var point=new google.maps.LatLng（39.375196，-112.335784）var marker=createMarker（point，'犹他州-橡树城三角洲'）；此蓝色标记的创建方式不同于通过

createMarker（点、内容）

函数创建的其他标记。如果希望单击时弹出窗口，则需要向蓝色标记添加一个

eventListener

，就像在

createMarker

函数中对其他标记所做的那样。