0

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() を一番上に移動します。

4

0 に答える 0