Google Maps API - 标记群集样式阻止图像显示?

问题描述 投票:0回答:2

我有一个问题,我试图更改标记群集上的字体大小和颜色,但添加样式会阻止图像显示?如果我注释掉样式部分,则图像显示正确。

const cluster = new MarkerClusterer(this.map, this.map_markers, {
    imagePath: site_settings.template_directory + '/assets/images/marker-clusterer/m',
    styles:[{
        textSize: 12,
        textColor: 'white'
    }],
    maxZoom: this.map_max_zoom - 1,
    zoomOnClick: true
})

如何将样式添加到标记但保留正在使用的图像?

javascript google-maps cluster-computing marker
2个回答
0
投票

已解决,与克里斯蒂安D Kovachevos建议上面。

new MarkerClusterer(this.map, this.map_markers, {
    styles:[{
        url: site_settings.template_directory + '/assets/images/marker-clusterer/m1.png',
        textSize: 12,
        width: 42,
        height: 42,
        textColor: 'white'
    }],
    maxZoom: this.map_max_zoom - 1,
    zoomOnClick: true
})  

0
投票

根据MarkerCluster库GitHub,样式对象需要一个覆盖imagePath的url。

解:

new MarkerClusterer(this.map, this.map_markers, {
    styles:[{
        url: site_settings.template_directory + '/assets/images/marker-clusterer/m1.png',
        textSize: 12,
        width: 42,
        height: 42,
        textColor: 'white'
    }],
    maxZoom: this.map_max_zoom - 1,
    zoomOnClick: true
})
© www.soinside.com 2019 - 2024. All rights reserved.