Google Maps API - стили кластера маркеров предотвращают показ изображения? - PullRequest
Новая
       12

Google Maps API - стили кластера маркеров предотвращают показ изображения?

0 голосов
/ 26 февраля 2019

У меня проблема, когда я пытаюсь изменить размер и цвет шрифта на кластерах маркеров, но добавление стилей препятствует отображению изображения?Если я закомментирую раздел стилей, изображение будет отображаться правильно. 

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
})

Как добавить стили к маркеру, но сохранить используемое изображение?

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Согласно библиотеке MarkerCluster GitHub объекту стиля требуется url , который перезаписывает imagePath .

Решение: 

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 голосов
/ 26 февраля 2019

Решено согласно предложению Кристиана Д. Ковачева выше. 

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
})
...