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)
Related
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
I run the RPG campaign called Yarona: Darkness Ascending. I also run the site http://diebot.org/ and I want to incorporate what's found at http://www.uesp.net/oblivion/map/obmap.shtml using my own continents, but where do I start?
Ok, I admit, Frank has a good point, I didn't consider that the external link could go offline 3 months down the road, then my question looses key information. My apologies.
What I have is a campaign that takes place on the world known as Yarona. I also have a large, world-atlas style map/graphic. what I want is to have a Google Maps style interface so my players can zoom out to continents, or zoom in as tight as city blocks, maybe even include "Special Place Pins".
Depa suggests that I try to get help from Google first. I did try that. The only thing I found was about maps of Earth, Earth and more Earth. Depa also suggested I include the code I've used so far, and I would have done so. The thing is that, to reiterate (and please forgive me if I seem flippant):
Where Do I Start?
I want to use Google Maps or another Map like Openstreetmap to make an interactive site where people can see the stats of crime in their own area... I want to put in these stats by myself via the backend. The front-end must be something like this:
http://www.police.act.gov.au/crime-and-safety/crime-statistics.aspx
Where do I start with this? Is this a polygon? I have read the Google Maps API but I could not find a clue to make something like this. How did they put the stats in it? How can I color the area's and divide them? What did they use? Any direction would be very welcome.
PS: I want to have a detailed map. So no countries or cities, but the area's in a certain city have to be highlighted.
What I can suggest is that first study the developer documentation thoroughly for Google API v3.Basics will help a lot.
For pointers to your needs, you can get help in defining polygons and coloring them at this link https://developers.google.com/maps/documentation/javascript/overlays#Polygons and also check out the demo examples in the code.
For a 3 point polygon, here is an example https://google-developers.appspot.com/maps/documentation/javascript/examples/polygon-simple
You can define your polygons by adding points around your area. There are many tools available to find your pointer locations like http://martinove.dk/maptools/polytool/
In order to potray data, you can use markerclusterer. These examples can help:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/
I am making some kind of floor plan that shows the position of participants of a meeting.
For this I am using Raphael.js.
I am looking to find a way to zoom & pan trough that floorplan but I am not finding anything. Can anyone point me in the right direction?
Without changing any of your code that defines the rest of the functionality go to
http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=paper.setviewbox
Also use the raphael link to the documentation which always points to the latest....
There are some powerful new features in Raphael 2 that are not currently widely used.
Whats nice about this is that its just an add on!
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.