znacznik mapy google z przezroczystą etykietą tekstową - google-maps, google-maps-api-3, google-maps-markers

Jak umieścić znacznik na mapie Google z przezroczystą etykietą tekstową?

Przykład: Mapa Google z nakładkami pogodowymi ma temperaturę z przezroczystym tłem.
Etykieta znacznika zmienia się dynamicznie. Ex Wraz ze zmianą temp zmienia się także etykieta.

Odpowiedzi:

Spróbuj MarkerWithLabel biblioteka narzędziowa. Oto demo

Minimalne wymaganie to styl CSS.

.labels {
color: red;
background-color: transparent;
font-family: "Lucida Grande", "Arial", sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 100px;
border: 0;
}

Wcześniejsze

  var marker1 = new MarkerWithLabel({
position: new google.maps.LatLng(0,-5),
draggable: true,
raiseOnDrag: true,
map: map,
labelContent: "Tina"s transparent Marker With Label",
labelAnchor: new google.maps.Point(50, 0),
labelClass: "labels", // the CSS class for the label
labelStyle: {opacity: 0.75}
});