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.
Related
I have searched on the internet to find out solution to this issue but i found nothing.
I have following address:
https://maps.google.com/maps?q=2755+Maple+Avenue,+North+Bellmore,+NY+11710&daddr=2755+Maple+Ave,+North+Bellmore,+NY+11710&oe=utf-8&client=firefox-a&channel=fflb&hnear=0x89c27ef151e2fa7d:0x2fde552872337fca,2755+Maple+Ave,+North+Bellmore,+NY+11710&gl=us&t=h&z=16
open in new window
When i click on above link in a mobile browser it opens a new page but instead of mapview it shows me directions panel, any one guide me how can i get rid of directions and display only mapview directly?
i have found a parameter dir=0 but i dont know where to use it.
any help would be appreciated.
https://maps.google.com/maps?q=2755+Maple+Ave,+North+Bellmore,+NY+11710&hl=en&sll=40.684429,-73.529315&sspn=0.010983,0.026157&t=h&gl=us&hnear=2755+Maple+Ave,+North+Bellmore,+New+York+11710&z=16
use this in your map may be its helpful for you
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?
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’m currently working on a Google Maps project showing places of interest in my local town. My plan was to use multiple markers on the map to identify different places which when clicked on would open an InfoWindow listing more details about the place.... I also thought it would be good to allow visitors to leave comments and experiences using the Facebook Comments Plugin within the InfoWindow.
However, on further research and reading a couple of other peoples efforts into trying to get Facebook Comments into InfoWindows it doesn’t seem possible... the closet I’ve seen is a chap who managed to get the SAME comments stream appearing in every InfoWindow no matter which marker / point on map was selected.... which isn’t what I want! His conclusion was to build your own comments stream in PHP.
Here's the link to the above article which has a link to the map at work;
https://groups.google.com/forum/#!msg/google-maps-js-api-v3/4wvBdVxPHJ0/vxuYP93N-lgJ
I’m pretty new to Facebook development but certainly don’t mind climbing the learning curve to achieve what I want, but thought it wise to check with the experts here at stackoverflow in case what I am trying to achieve is a non-starter!
Any suggestions, advice and pointers would be gratefully received.
I recently managed to do it.
The trick is to
insert the content of your infowindow on the end of the page in a hidden div.
parse this div with FB.XFBML.parse
get the innerHTML of your div
call infowindow.setContent() with the innerHTML you got before
If you want different comments in every infowindow you must have a different url for every infowindow's comment plugin: like http://localhost?infowindow=content1 and http://localhost?infowindow=content2 for another.
Hope that helped!
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