如何在Polymer中自定义标记图标的大小？

Question

我在google-map-marker中使用了标记，就像这样

<google-map-marker latitude="{{d.lat}}" longitude="{{d.lng}}" title="{{d.name}}" icon="{{d.icon}}">
</google-map-marker>

我的{{d.icon}}是想要在google-map中显示的图像的src。这就是我的问题：图像太大但我不能改变它的大小。如何更改图标大小？我没有在文档中看到它。

Answer 1

我遇到了同样的问题，并用Computed bindings解决了这个问题。

将getIcon方法添加到icon-attribute。

<google-map-marker latitude="{{d.lat}}" longitude="{{d.lng}}" title="{{d.name}}" icon="{{getIcon(d.icon)}}">
</google-map-marker>

在Polymer-script中添加getIcon方法，如下所示：

getIcon: function(iconUrl) {
    return new google.maps.MarkerImage(
            iconUrl, //url
            null, //size
            null, //origin
            null, //anchor
            new google.maps.Size(60, 45)
    );
},

希望有所帮助！