infoWindow на карте Google не отображается должным образом в приложении iPhone PhoneGap

Question

Я показываю пользовательский маркер с событием клика на нем. Когда я нажимаю, отображается информация, но информационное окно отображается плохо. Я использовал немного CSS в этом. Мне также нужно настроить его дальше. Эта карта отображается в приложении PhoneGap в iPhone (iOS 5). Все остальное, что работает, найти (включая направление, GPS). Я использовал Google Map JS v3 API. Я получил этот вывод.

Как показать правильное информационное окно? И настроить как моя потребность.

вот код

function setMap(myLat, myLng){
    // Define Marker properties
 var image = new google.maps.MarkerImage('images/pick.png',
      new google.maps.Size(30, 40),
      // The origin for this image is 0,0.
      new google.maps.Point(0,0),
      // The anchor for this image is the base of the flagpole at 9,36.
      new google.maps.Point(9, 36)
      );

  var my_place = new google.maps.LatLng(myLat, myLng);
  var myOptions = {
  zoom:14,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  mapTypeControl: false,
  center: my_place
  }
  mer_map = new google.maps.Map(document.getElementById("mer_map_canvas"), myOptions);
  mer_marker = new google.maps.Marker({
                              position: my_place, 
                              map: mer_map,
                              clickable : true,
                              animation: google.maps.Animation.DROP,
                              icon: image
                              });
var contentString = '<div id="mer_map_info" style="border:3px solid red; color:#FFF; background-color:#000;"><p>this is just a test...</p></div>';
var infowindow = new google.maps.InfoWindow({
    content: contentString
});

google.maps.event.addListener(mer_marker, 'click', function(event) {
        infowindow.open(mer_map,mer_marker);
        });}

Answer 1

Дайте это попробовать.У меня была похожая проблема с PhoneGap и Google Maps.

#map_canvas img {
max-width: none;
}