google map is not loading fully
<p>I am new on this website and i am having some problem with my website page.
where i want to show google map on my website it work fine, but when i am using it under tab jquery(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js) which i used for show content one by one. it is not load properly.
please see map under location map tab on my website. link is shown below.</p>

<p><a href="http://www.21flats.com/beta/property_detail/16/8/Ranikhet/Ranikhet.html" rel="nofollow">http://www.21flats.com/beta/property_detail/16/8/Ranikhet/Ranikhet.html</a></p>

 

<pre><code>    &lt;script type="text/javascript"&gt;
                 var lat=document.getElementById('lat').value;
                 var lon=document.getElementById('lon').value;
                 setTimeout(getlocation(lat,lon), 100);

                 function getlocation(lat,lon)
                 {
                  google.maps.event.addDomListener(window, 'load', function() {

                    var map = new google.maps.Map(document.getElementById('map'), {
                      zoom: 13,
                      center: new google.maps.LatLng(lat,lon),
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    });

                    var infoWindow = new google.maps.InfoWindow;

                    var onMarkerClick = function() {
                      var marker = this;
                      var latLng = marker.getPosition();
                      infoWindow.setContent('&lt;h3&gt;This is my project:&lt;/h3&gt;' +
                          latLng.lat() + ', ' + latLng.lng());

                      infoWindow.open(map, marker);
                    };
                    google.maps.event.addListener(map, 'click', function() {
                      infoWindow.close();
                    });

                    var marker1 = new google.maps.Marker({
                      map: map,
                      position: new google.maps.LatLng(lat,lon)
                    });

                    google.maps.event.addListener(marker1, 'click', onMarkerClick);



                  });
                  }
                &lt;/script&gt;

  &lt;div id="map" style="width: 640px;height: 450px;border:1px solid #999999;"&gt;&lt;/div&gt;
  ..m using this how can i call "google.maps.event.trigger(map, 'resize')" this function in my function.
</code></pre>
