Googleマップv3を呼び出すこの小さな関数があります
function showMap(con, lat, lon, name) {
con = $(con); if (con.length<1) return;
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') != -1 || ua.indexOf('Android') != -1 ) con.css('height','100%');
else con.css('height','400px');
var latlng = new google.maps.LatLng(lat,lon);
var opt = {
zoom:14, center:latlng,
mapTypeControl:false, navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(con.get(0), opt);
var marker = new google.maps.Marker({ position:latlng, map:map, title:name });
con.show();
}
私の問題は、マップがクロム、Firefox (デスクトップ) に表示されますが、Android には表示されないことです。なにか提案を?
編集:それは今働いています。どうやら私の div コンテナは最初は非表示だったので、マップを作成する前に .show() を一番上に移動します。