ClusterMarkers中的Styles选项让我设置用于群集的小,中和大图标的选项,例如:
var clusterStyles = [
{
textColor: 'white',
url: 'path/to/smallclusterimage.png'
},
{
textColor: 'white',
url: 'path/to/mediumclusterimage.png'
},
{
textColor: 'white',
url: 'path/to/largeclusterimage.png'
}
];
但是有没有一种方法可以根据功能选择图标?例如:如果群集包含特定标记,则显示小图标,否则显示大图标。
我正在使用vue2-google-maps和GmapCluster组件,如下所示
<GmapCluster>
<gmap-marker
:key="index"
v-for="(m, index) in markers"
:position="m.position"
:icon="m.icon"
:animation="m.animation"
:label="m.label"
:title="m.title"
:clickable="m.clickable"
:draggable="m.draggable"
@dragend="onDragChange($event)"
@click="toggleInfoWindow(m, index)">
</gmap-marker>
</GmapCluster>