Hey Anshu shetti,
Your trying to display google map with model box.
May be your google map is having some issue check with its flow,
1 - goolgle map should be generate first.
2 - model box code should execute after that.
Here I think so your model box is appearing first before to generate google
map thats y ur not able see google maps tiles.
Keep your jquery ready function bottom of body.
$().ready(function() {
$('#dialog').jqm();
});
Lets give a try :)
cheers.
On Wed, Aug 5, 2009 at 12:37 AM, Anush Shetty <anushshe...@gmail.com> wrote:
>
>
> On Tue, Aug 4, 2009 at 9:23 PM, Liam Potter <radioactiv...@gmail.com>wrote:
>
>>
>> can you post an example?
>>
>>
>> anush wrote:
>>
>>> Has anybody tried embedding Google Maps inside jqModal ?
>>>
>>> The maps aren't getting displayed properly.
>>>
>>> $().ready(function() {
>>> $('#dialog').jqm();
>>> });
>>>
>>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>
>
>
> <html xmlns="http://www.w3.org/1999/xhtml";
> xmlns:v="urn:schemas-microsoft-com:vml">
>
>
>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
>
>
>
> <title>Google Maps JavaScript API Example: Simple Map</title>
> <script
> src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA
>
> <http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA>"
>
>
>
> type="text/javascript"></script>
> <script type="text/javascript">
>
> $().ready(function() {
>
> $('#dialog').jqm();
>
> });
>
>
>
> function initialize() {
> if (GBrowserIsCompatible()) {
> var map = new GMap2(document.getElementById("map_canvas"));
>
>
>
> map.setCenter(new GLatLng(37.4419, -122.1419), 13);
> map.setUIToDefault();
> }
> }
>
> </script>
> </head>
>
> <body onload="initialize()" onunload="GUnload()">
>
> <div class="jqmWindow" id="dialog" style="width:800px">
>
> <a href="#" class="jqmClose">Close</a>
>
>
> <div id="map_canvas" style="width: 500px; height: 300px"></div>
>
>
>
>
>
> </div>
>
> </body>
> </html>
>
>
--
Regard
Mohd.Tareque
