OK, so I'm simply trying to target a google map marker using jquery, so that I can add some effects and animation to it, but I'm not having much luck.
I tried targeting the (custom) image I'm using for the marker like this:
$("img[src*='icon_you']").show();
But no luck. I also tried inspecting it in Chrome, but for some reason I simply can't find the output in there, just the map canvases.. :/
Can anyone please provide me with some insight into this?
Related
I want to create a simple "interactive" map, where there would be an image (the map) and some elements on it.
I'd like my elements to glow/open a pop-up when hover or click on it, or even open a new page.
My process would be to create a new div, add new elements on it with a position:absolute and place them with top/left/right/bottom... and add CSS hover proprieties to the elements.
But, I know this might not be the appropriate way to do it.
My questions are :
Can I do that using only HTML/CSS ? Or should I start learning new
programing languages ?
Is there any plugins or sites available for what I want to do ?
I would recommend you use JavaScript with this for interactivity.
Check out the Google maps api. It can do what you are trying to do.
We have a helper plugin for maps api and jQuery for setting the markers on the map.
http://github.com/Lucien-Consulting/Google-Map-Marker.git
Those two suggestions will get you started. Just jump in and try it!
I've been searching an answer to this and the best i could find was here at stackoverflow, where someone explains how to insert a box of information inside the Google Maps but actually i would like to have that box side-by-side with my location.
Here is an example, just click at one of the green dots in the map, it will show you what i would like to have:
http://www.leroymerlin.pt/Site/Lojas.aspx
How can i do this? It even zooms in automatically! Wow, Google maps API V3 seems to be pretty awesome. This is cool too: goo.gl/WDMYmz . Not related though..
Thank you very much for all the help provided.
What you see there is a custom overlay , a implementation of the OverlayView-class
There are libraries for a convenient creation of such overlays, e.g. infobox. The zoom may be set via the setZoom-method of the map.
When I change the "iwloc=A" property to "iwloc=near" in my Google map embed code (to remove the address bubble), the entire map disappears! Anyone else experience this or might know why??
Recently also faced this problem. Try iwloc=addr.
I am using the Google map API to integrate the map into my website, I am using custom markers and infowindows. I have used this previously with no worries but now, when I click on my marker, the infowindow displays incorrectly.
I have tried to many different things to try and fix it but I just can't seem to figure out whats going on.
here is an image, I can't attach it to the post since I am new and all that.
http://i47.tinypic.com/xbwmbq.png
Any help would be muchly appreciated.
Thanks
Did you change your DOCTYPE recently? I once had the infowindow start doing funny things like that when I switched to a different DOCTYPE.
Well, I thought I had fixed it, but it turns out I didn't. To fix it I had to turn the the dreaded iframe. Sadly, it will have to stay that way until I find a better fix.
I'm wondering if anyone knows whether it is possible to take the content of a Google Maps InfoWindow and place it in an external DIV when the marker on the map is clicked?
I've had a good dig around both the API docs and Google to see if I can find any examples or information relating to this but have had no luck so far. However I've not had a lot of time since I got asked about this one so I have had to skim a bit so it could be that I've missed something but nothing seems to be jumping out at me.
Essentially I'd just like to know if this is indeed possible so that I don't waste anymore time researching something that is currently not possible with Google Maps. However if anyone has any code, examples, or ideas about how to go about doing this then that would be a very much appreciated!
Thanks,
Mark
It's definitely possible. Just add each marker to an array, along with whatever data you want to display. Add a listener to each marker which will access that data when the marker is clicked.
See these questions:
How do I link Google Maps Markers to other elements
How do I highlight markers on hover in Google Maps for a sortable table