I've an issue with a popup, I load in a google map, but when I click for a second request , the google maps isn't refresh despite I use  google.maps.event.trigger(map, 'resize');

My code is : 

2.   var geocoder;
3.   var map = null;
4.   function initialize() {
5.     geocoder = new google.maps.Geocoder();
6.     var latlng = new google.maps.LatLng(-34.397, 150.644);
7.     var mapOptions = {
8.       zoom: 12,
9.       center: latlng,
10.       mapTypeId: google.maps.MapTypeId.ROADMAP
11.     }
12.     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
13. googlemaps();
16.   }
17.   function lafonction(){
18.  $( "#popupMap" ).popup( "open" );
19.  
20.   }
21.   function googlemaps(){  
22.  var address = window.localStorage.getItem("url");
23.  geocoder = new google.maps.Geocoder();
24. geocoder.geocode({ 'address': address }, function(results, status) {
25. if (status == google.maps.GeocoderStatus.OK) {
26. map.setCenter(results[0].geometry.location);
27. var marker = new google.maps.Marker({
28. map: map,
29. position: results[0].geometry.location
30.   });
31. google.maps.event.trigger(map, 'resize');
34.  } else {
35. alert("Pas de localisation");
36.  }
37. });  
38.   }

the HTML is :

1. <a href="#" data-rel="popup" data-position-to="window" data-role="button" data-theme="b" data-inline="true" onClick="lafonction()">Localiser</a>
3.              <div id="fiche" data-role="listview">
4.                        <div data-role="popup" id="popupMap" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
5.                                 <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
6.                           <iframe src="map.html" width="480" height="320" seamless></iframe>
7.           </div> 
8.                 </div>

And then the map is not centerd on the marker, the marker is on the left corner.

thanks a lot