谷歌地图样式仅在标记可拖动时应用答案

【问题标题】：Google Maps style only applying when marker draggable谷歌地图样式仅在标记可拖动时应用
【发布时间】：2015-09-20 05:45:30
【问题描述】：

我正在 Google Maps API 中设置我的标记样式

var friend_marker = new google.maps
    .Marker({
      map: map,
      position: location,
      icon: {
        url: icon.png
      },
      zIndex: 1,
      draggable: true
    });

使用这个覆盖视图：

  var myoverlay = new google.maps.OverlayView();
  myoverlay.draw = function() {
    this.getPanes().markerLayer.id = 'markerLayer';
  };
  myoverlay.setMap(map);

效果很好。但是，当将 draggable 更改为 false 时，

draggable: false

没有应用任何样式。为什么会这样？如何在不拖动标记的情况下保持样式？

【问题讨论】：

请提供一个Minimal, Complete, Tested and Readable example 来证明这个问题。
“造型”是什么意思？ icon.png 是动画的吗？
我正在使用 css 对其进行样式设置：#markerLayer img {...}

标签： javascript google-maps google-maps-api-3

【解决方案1】：

将标记的optimized-属性设置为false。

默认情况下，标记将通过 <canvas/> 呈现，而不是通过 <img/>，在这种情况下您的选择器将不匹配。

当您将optimized 设置为false 时，标记将呈现为单个<img/>（当您将draggable 设置为true 时，它也将呈现为<img/>）

【讨论】：