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

Question

Я показываю пользовательский маркер с событием клика на нем. Он показывает информацию, когда я щелкнул, но информационное окно не отображается хорошо. Я использовал некоторые css. Мне также нужно настроить его дальше. Эта карта отображается в приложении phonegap на iPhone (iOS 5). Каждая другая работающая находка (включая направление, GPS). Я использовал API 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

Дайте этому попытку. У меня была аналогичная проблема с картами с телефоном и Google.

#map_canvas img { 
max-width: none; 
}