我有一个问题,我试图更改标记群集上的字体大小和颜色,但添加样式会阻止图像显示?如果我注释掉样式部分,则图像显示正确。
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
})
如何将样式添加到标记但保留正在使用的图像?
已解决,与克里斯蒂安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
})
根据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
})