Javascript 谷歌地图标记标签文字颜色更改

我正在尝试将Google地图标记标签颜色更改为白色，同时将事件悬停。如何更改标签颜色

我的代码是

function hover(id) { 

var icon2 = "<?php  echo base_url(). "bootstrap/images/tooltip_solid.png";?>";
    for ( var i = 0; i< markers.length; i++) { 
        if (parseInt(id) == parseInt(markers[i].id)) {  
           markers[i].setIcon(icon2); 
            markers[i].setZIndex(99999999999999);

           break;
        }
   } 
}

函数悬停（id）{
var icon2=“”；
对于（var i=0；i

试试这个

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(37.4419, -122.1419),
  map: map,
  label: {
    text: 'A',
    color: 'white',
  }
});

---

最简单的方法是为每个标记创建mouseover/mouseout事件处理程序，以更新标签文本颜色

// creates a marker with a closure for the event functions.
function createMarker(latLng, text, label) {
  var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    label: {text: label, color: "white"}
  });
  google.maps.event.addListener(marker, "mouseover", function(evt) {
    var label = this.getLabel();
    label.color="black";
    this.setLabel(label);
  });
    google.maps.event.addListener(marker, "mouseout", function(evt) {
    var label = this.getLabel();
    label.color="white";
    this.setLabel(label);
  });
  return marker;
}

代码片段：

var地理编码器；
var映射；
函数初始化（）{
map=新建google.maps.map(
document.getElementById（“地图画布”）{
中心：新google.maps.LatLng（37.4419，-122.1419），
缩放：13，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//美国加利福尼亚州山景城（37.3860517，-122.0838511）
var marker1=createMarker({
拉脱维亚：37.3860517，
液化天然气：-122.0838511
}，“加利福尼亚州山景城”，“A”）；
//美国加利福尼亚州帕洛阿尔托（37.4418834，-122.143019499998）
var marker2=createMarker({
拉脱维亚：37.4418834，
液化天然气：-122.143019499998
}，“帕洛阿尔托”，“B”）；
//美国加利福尼亚州斯坦福（37.424105999999，-122.1660756）
var marker3=createMarker({
纬度：37.424105999999，
液化天然气：-122.1660756
}，加利福尼亚州斯坦福市，C）；
var bounds=new google.maps.LatLngBounds（）；
extend（marker1.getPosition（））；
extend（marker2.getPosition（））；
extend（marker3.getPosition（））；
映射边界（bounds）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
函数createMarker（板条、文本、标签）{
var marker=new google.maps.marker({
位置：latLng，
地图：地图，
标签：{
文本：标签，
颜色：“白色”
}
});
google.maps.event.addListener（标记“mouseover”，函数（evt）{
var label=this.getLabel（）；
label.color=“黑色”；
这个.setLabel（标签）；
});
google.maps.event.addListener（标记“mouseout”，函数（evt）{
var label=this.getLabel（）；
label.color=“白色”；
这个.setLabel（标签）；
});
返回标记；
}

html，
身体，
#地图画布{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}