如何更改標記標籤的文字顏色？

我有問題，標籤將保持黑色即使與JavaScript中的labelColor屬性，但我想它是白色有沒有辦法做到這一點？也許是一種解決方法？如何更改標記標籤的文字顏色？

for (i = 0; i < locations.length; i++) {var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]); 
marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    label: labels[i], 
    labelClass: "labels", // the CSS class for the label 
    labelColor: '#fff', 
    labelInBackground: false, 
    icon: locations[i][4] 
});

問題是我有我想要使用的自定義圖標，我不想先創建一些SVG。感謝任何能幫助我的人。

來源

2016-10-14 Johannes

要設置您需要使用MarkerLabel對象google.maps.Marker標籤屬性：

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

代碼片段：

var geocoder; 
 
var map; 
 

 
function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 13, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
    position: new google.maps.LatLng(37.4419, -122.1419), 
 
    map: map, 
 
    label: { 
 
     text: 'A', 
 
     color: 'white', 
 
    } 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>

來源

2016-10-14 13:23:51 geocodezip

謝謝@geocodezip對我來說非常完美:)。 – Johannes

嘗試檢查CSS中的「.labels」類，也許你應該改變CSS文件中的顏色。

來源

2016-10-14 11:56:27

哦對不起我能有添加到我的文章，但CSS是好的，儘可能兩種方式都沒有worki ng對我來說：/ – Johannes

如何更改標記標籤的文字顏色？

回答

相關問題