Coder Social home page Coder Social logo

Comments (11)

 avatar commented on May 28, 2024 7

@LasseRafn This has been working for me:

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
        }
    ]
};

Note the dimensions (width, height). I didn't have to set the anchor.

from js-marker-clusterer.

ignaciojcano avatar ignaciojcano commented on May 28, 2024 5

Samething happened to me, the default URL is still poiting to the googlecode svn repository...

Workaround is to serve them from your own site or a cdn and modify the image path in the constructor
{imagePath:'<path-to-images->'}

Something like this {imagePath:'http://example.com/components/js-marker-clusterer/images/m'}

from js-marker-clusterer.

hubson-bropa avatar hubson-bropa commented on May 28, 2024 3

not cool. need the images? they're in the source, https://github.com/googlemaps/js-marker-clusterer/tree/gh-pages/images

from js-marker-clusterer.

naume avatar naume commented on May 28, 2024 2

pls add the images ASAP again
https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png
https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png

from js-marker-clusterer.

LasseRafn avatar LasseRafn commented on May 28, 2024 1

Thanks! :-)

However as I was running production, I had to find a quick fix. I downloaded the assets (m1-m5) and setup the styles accordingly. If they are 100% correct, I don't know. (please correct me if this is wrong; I'm not sure about the anchor)

var mc = new MarkerClusterer(map, markers, {
    styles: [{
        url: '/images/maps/m1.png',
        height: 53,
        width: 53,
        anchor: [26, 26],
        textColor: '#000',
        textSize: 11
    }, {
        url: '/images/maps/m2.png',
        height: 56,
        width: 56,
        anchor: [28, 28],
        textColor: '#000',
        textSize: 11
    }, {
        url: '/images/maps/m3.png',
        height: 66,
        width: 66,
        anchor: [33, 33],
        textColor: '#000',
        textSize: 11
    }, {
        url: '/images/maps/m4.png',
        height: 78,
        width: 78,
        anchor: [39, 39],
        textColor: '#000',
        textSize: 11
    }, {
        url: '/images/maps/m5.png',
        height: 90,
        width: 90,
        anchor: [45, 45],
        textColor: '#000',
        textSize: 11
    }]
});

from js-marker-clusterer.

powermail avatar powermail commented on May 28, 2024

also please make sure to make the image path relative and not absolute as image giving error on https

from js-marker-clusterer.

yannbug avatar yannbug commented on May 28, 2024

+1

from js-marker-clusterer.

davidpelayo avatar davidpelayo commented on May 28, 2024

No plans on recovering back resources even though have been migrated to github? It's causing many issues in thousand of apps. I consider they shouldn't have been deleted.

By the way, there are reactions to support comments, instead of just writing useless +1. They are cleaner from the conversation development perspective.

from js-marker-clusterer.

stivaugoin avatar stivaugoin commented on May 28, 2024

+1
Thanks @WACMemphis

from js-marker-clusterer.

PeterTheOne avatar PeterTheOne commented on May 28, 2024

fixed by 2f659a3

from js-marker-clusterer.

eliasZX32 avatar eliasZX32 commented on May 28, 2024

show!!! Thank you very much!!!

from js-marker-clusterer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.