googlearchive / js-marker-clusterer

A marker clustering library for the Google Maps JavaScript API v3.
https://googlemaps.github.io/js-marker-clusterer/docs/reference.html
Apache License 2.0
1.28k stars 775 forks source link

Images when viewed from China #46

Open mbukovac opened 8 years ago

mbukovac commented 8 years ago

Hi,

I'm trying to use the Marker Clusterer to group locations in China, with a mixed success. The clustering works, but the image around the number (blue, yellow, red circles) does not work. See an example here: http://screencast.com/t/EonYiTaKQ

Assumption is that the images are being hosted on a server that is blocked in China, which is why they don't show up. Is it possible to define your own images or have them hosted elsewhere or...?

Thanks for the assistance, great product!

Marko

ghost commented 8 years ago

You can use your own images (e.g. downloaded copies of the original images) and host them wherever you want:

var clustererOptions = {
        styles: [
            {
                textColor: 'white',
                url: 'css/images/markerclusterer/m1.png',
                height: 52,
                width: 53
            },
            {
                textColor: 'white',
                url: 'css/images/markerclusterer/m2.png',
                height: 55,
                width: 56
            },
            {
                textColor: 'white',
                url: 'css/images/markerclusterer/m3.png',
                height: 65,
                width: 66
            },
            {
                textColor: 'white',
                url: 'css/images/markerclusterer/m4.png',
                height: 77,
                width: 78
            },
            {
                textColor: 'white',
                url: 'css/images/markerclusterer/m5.png',
                height: 89,
                width: 90
            }
        ]
    };