Javascript 有没有办法在谷歌地图中按功能设置集群图标?
ClusterMarkers中的“样式”选项允许我设置用于群集的小图标、中图标和大图标选项,如:Javascript 有没有办法在谷歌地图中按功能设置集群图标?,javascript,google-maps,vue.js,markerclusterer,Javascript,Google Maps,Vue.js,Markerclusterer,ClusterMarkers中的“样式”选项允许我设置用于群集的小图标、中图标和大图标选项,如: var clusterStyles = [ { textColor: 'white', url: 'path/to/smallclusterimage.png' }, { textColor: 'white', url: 'path/to/mediumclusterimage.png' }, { textColor: 'white',
var clusterStyles = [
{
textColor: 'white',
url: 'path/to/smallclusterimage.png'
},
{
textColor: 'white',
url: 'path/to/mediumclusterimage.png'
},
{
textColor: 'white',
url: 'path/to/largeclusterimage.png'
}
];
但是,有没有一种方法可以根据功能选择图标?例如:如果集群包含特定标记,则显示小图标,否则显示大图标
我正在使用vue2谷歌地图和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>