我有这个小功能可以调用谷歌地图 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();
}
我的问题是地图出现在 chrome、firefox(桌面)中,但不在 android 中。有什么建议吗?
编辑:它现在工作。显然我的 div 容器最初是隐藏的,所以我在创建地图之前将 .show() 移到顶部。