Блог

У меня проблема в том, что метка останется черной даже с помощью свойства labelColor в JavaScript, но я хочу, чтобы она была белой, есть ли какой-нибудь способ сделать это? Может быть, обходной путь?

 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.
Спасибо всем, кто может мне здесь помочь.

Чтобы установить свойства метки для google.maps.Маркер вам нужно использовать объект MarkerLabel:

 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?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="map_canvas"></div> 

Попробуйте проверить класс «.labels» в CSS, возможно, вам следует изменить цвет в файле css.