谷歌地图标记设置不透明度与过渡答案

【问题标题】：Google Maps Marker Set Opacity With Transition谷歌地图标记设置不透明度与过渡
【发布时间】：2020-02-14 17:33:39
【问题描述】：

基于此SO post 我看到可以将不透明度设置为标记。有谁知道是否也可以添加一个过渡属性，以便过渡到，比如说不透明度 0.7，发生在350ms 的持续时间？我尝试将以下css键添加到方法setOptions：

marker.setOptions({'opacity': 0.7, 'transition-property': 'opacity', 'transition-duration': '350ms'})

但过渡持续时间似乎不起作用。标记的不透明度会立即改变。

【问题讨论】：

您可以使用自定义叠加层代替标记。
现在我正在使用此处允许的自定义图标developers.google.com/maps/documentation/javascript/reference/…——自定义叠加层是什么意思？
该语法只允许您设置 defined MarkerOptions。 transition-propery 和 transition-duration 不是有效的 MarkerOptions（因此它们将被忽略）。
您可以实现 OverlayView 来创建自定义 HTML 标记。该文档有custom overlay 实现的示例。然后你可以使用纯 HTML 和 CSS 来构建你的标记。

【解决方案1】：

您可以在 350 毫秒时使用 setTimeout 将标记的不透明度设置为 0.7。

  setTimeout(function(){ 
  marker.setOpacity(0.7);
  }, 350);

【讨论】：