有没有一种方法可以在Google地图中按功能设置群集图标?

时间:2019-05-14 21:01:56

标签: javascript google-maps vue.js markerclusterer

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>

0 个答案:

没有答案