google map in dialog box have bug

google map in dialog box have bug

google map in dialog box have bug, the navigationControl break.

<html>

<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script>

<script type="text/javascript" src=" http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
$(document).ready(function(){
   var myOptions = {
      zoom: 4,
      center: new google.maps.LatLng(-33, 151),
      navigationControl: true,
      scaleControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("dialog"),
                                  myOptions);


$("#dialog").dialog({width:500,height:500});
});
</script>
</head>
<body style="font-size:62.5%;">

<div id="dialog" title="Dialog Title " style="width:500px;height:500px">

</div>

</body>
</html>

Topic Participants
hwj