Google maps 带有透明文本标签的谷歌地图标记

如何使用透明文本标签在谷歌地图上放置标记

例如： 带有天气覆盖图的谷歌地图具有透明背景的温度。
标记的标签将动态更改。当温度改变时，标签也会改变

尝试实用程序库。这是

最低要求是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;
}

​

试试实用程序库。这是

最低要求是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;
}

​

---

如果您只需要更改标签不透明度，请不要使用库

您可以使用：

let marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    label: {
        text: 'Hello World!',
        color: 'rgba(0, 0, 0, 0.5)',
    }
})

---

如果您只需要更改标签不透明度，请不要使用库

您可以使用：

let marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    label: {
        text: 'Hello World!',
        color: 'rgba(0, 0, 0, 0.5)',
    }
})

---

你确定它是文本而不是图像吗？另外，@gorelative不是100%确定，但它可能是透明图像。一个地方的75F背景与背景匹配。如果你看到的地名也与背景匹配。我希望2为我的标记提供一个透明的标签，它经常会像温度一样变化。你确定它是文本而不是图像吗？另外，@gorelative不是100%确定，但它可能是透明图像。一个地方的75F背景与背景匹配。如果你看到的地名也与背景匹配。我希望2为我的标记提供一个透明的标签，它会像温度一样频繁变化。链接过期。引用库，但指向库的链接不起作用（6年后）。因此，这个答案不再有效-1链接过期。引用了库，但指向库的链接不起作用（6年后）。因此，这个答案不再有效-1.