Comments (11)
@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.
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.
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.
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.
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.
also please make sure to make the image path relative and not absolute as image giving error on https
from js-marker-clusterer.
+1
from js-marker-clusterer.
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.
+1
Thanks @WACMemphis
from js-marker-clusterer.
fixed by 2f659a3
from js-marker-clusterer.
show!!! Thank you very much!!!
from js-marker-clusterer.
Related Issues (20)
- Styling clusters HOT 2
- Excluding marker HOT 1
- Polygon on cluster hover HOT 1
- Marker icon display bugs when setting maxZoom with custom icons HOT 1
- Usage with static maps API HOT 1
- Issues with pagespeed insight when loading a page with marker-clusterer HOT 1
- Click/tap on cluster don't work on mobile full screen HOT 1
- SearchBox
- Click on cluster doesn't work on some aspect ratio HOT 4
- Panning the map with the dragging starting on cluster marker provoke a zoom HOT 2
- Marker cluster using geojson HOT 3
- Some png image icons look poor
- How to cluster circle markers?
- Custom OverlayViews always visible. HOT 1
- triggerClusterClick is not captured when running on Android HOT 5
- Wrong cluster icons or don't declustering
- cut icons with box-sizing in css selector *
- Supported repo: googlemaps/v3-utility-library/markerclusterer HOT 1
- clustering not working on zoomout
- googlemap clustered markers do not expand well in Satellite view HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from js-marker-clusterer.