[jQuery] Re: Google Maps inside jqModal

Tue, 04 Aug 2009 12:07:25 -0700 

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&amp;v=2&amp;sensor=false&amp;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>

Reply via email to