I have a map that I have many markers and some of them are overlapping so that I can hardly find the way to make it click.
I found the mapclustered grouping markers, but I do not really like that idea, I need to see them all.
Is there any way that when approaching the mouse pointer to those markers that are piled then they can be "opened" in some way to then to do click?
I hope someone can give me a clue how.
I found the answer to my question. There is a library that does just what I need. Called OverlappingMarkerSpiderfier.
It can be seen running here
thank u George MacKerron
Related
So I have been searching on google for over half an hour now trying to find an easy html clickable map without any JS if possible but I just can't find one that suits my needs. I just want it to be a map with all of the countries in a container or something so I can make a quiz for myself (I want my OWN one). I just thought it would be fun to try to make a quiz for myself but I just need a world map template.
I think MapBox Studio can help you.
https://www.mapbox.com/mapbox-studio/
It's easy to use, i don't need to explain a lot :)
I hope this is help you !
I need your help for an university project.
I want to achieve the same result that you can see on this page.
I need to build a div with a panoramic image inside, that the user can navigate with the mouse controls and when an artwork is hovered/clicked, some informations about it pop out.
I have searched the web and there are a lot of plugins that should work well, but they don't give me the chance to implement the hover/click event to show the informations I want.
Some tutorials/suggestions about my problem? Do you think that this method could be a solution?
Thank you all!
Here it is, the solution I've been looking for!
http://www.openstudio.fr/jQuery-virtual-tour,67.html?lang=fr
Hope it helps anybody who has encountered the same problem!
My friend and I have a project we're trying to accomplish with using Google Maps. We want to be able to have people visit our website and add/drag a marker to anywhere on a custom google map. I've looked around a lot for something I could possibly mimic, but to no avail.
If someone could please help us. We also are not looking for someone to just give us the answer, but kind of steer us in the right direction. We would much rather learn how to do this, than for it to be handed to us.
Thanks!
Pretty simple, you can set an click event on the map that gives you the latitude and longitude of the click, and use that to create a marker. And when you do, set the draggable property to true. That allows users to drag it around, and when it lands it will fire another event.
Some info that might be helpful:
https://developers.google.com/maps/documentation/javascript/events
https://developers.google.com/maps/documentation/javascript/overlays#Markers
https://developers.google.com/maps/documentation/javascript/reference#Marker (check out events section)
on this page https://developers.google.com/maps/articles/toomanymarkers
it says how this is the easiest clustering posible, but I can't find any client side solution for this. Does anyone know for free open source, client side solution of grid based clustering for google maps markers ? i don't want MarkerClusterer.
I didn't find it, so i went and start coding my own solution. The first obvious request is that it has to be fast for up to at least 1000 markers loaded on map. Every zoom in out, move and soo on, will repeat procedure/function of clustering. Grid blocks are customizable, default value is 50*50 pixels.
Image below is showing what should the result look like.
I'm having problem with algoritem, now all I can think of to achive this is to itterate through all markers for each grid and ask if it is inside bounderies and then increase array of grid ++. This obviusly can't be done that way. There should be some hash or something that just one itteration through all markers would be needed and I would know in which grid specific marker belongs to.
I hope someone will give me a hint for algoritem I'm after. Thank you !
Seems like geohash is the answer to your problem, you even allude to that solution in your question. It's explained well here:
http://blog.trifork.com/2013/08/01/server-side-clustering-of-geo-points-on-a-map-using-elasticsearch/
I am actually exploring developing a similar clustering algo for Google Maps API v3. I'll post more if I actually get anywhere with it.
You can use a geohash or a space filling curve to reduce the dimension and reorder and hash a marker. On the server side you can use a point and a spatial index data stucture but you can also compute the geohash manually. Look for xkcd internet map comic and the hilbert curve to see how it works.
This is probably a silly question, but I am having a hard time finding good resources for this just by googling.
I have 3 different markers that I'd simply like to look different. Is there a good and simple tutorial for this? or could someone just paste some code to do that? I imagine its a one-liner kind of thing.
Thanks,
Alex
When you create your Marker, set the icon and shadow properties of the MarkerOptions to the images of your choice. There are lots of examples, this one might get you started.