I am using jquerytools(http://jquerytools.org/) for the overlays modal dialog in my site. Now i have to show google map in modal window(jquery tool layover), but unfortunately google map is not loaded in overlay.
What i am doing is just showing a complete form in Overlay(using ajax request, i got complete html for the form”that includes google map as well” and render it in layover). In my case its not loading the google map but other form elements are rendered successfully. I have open that page(that i fetch via ajax request to show in overlay) in separate tab and then it shows proper elements with google map as well.
It seems to me that google maps are conflicting with jquery tools layover.
Anyone else stuck in the same problem or any idea for its solutions. Thanks in advance.
NOTE: I am not talking about google maps overlay. My issue is showing google maps in overlay modal dialog
After looking through internet i found that showing google maps in overlay modal dialogue using ajax request is not a way. I use iframe and it resolved my issue. Now i use iframe and google map is loaded at page load time and it works perfectly fine for me. If anyone can suggest a way to do it via ajax request then i would consider that way probably. As far as i searched on internet iframe would be best option in this scenario