2014-10-08 65 views
1

我是手機開發的新手。請幫我解決以下問題。 我正在開發一個phonegap應用程序,我必須閱讀當前的地理位置座標,並根據該地圖在地圖上顯示地理位置。雖然我在瀏覽器中運行我的代碼,但它工作正常,但是當我在模擬器上運行應用程序或移動設備時沒有顯示任何地圖,白色屏幕可以代替地圖顯示。phonegap中的地理位置不能在模擬器上工作

這是我code.Please幫我,

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 

     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map_canvas { height: 100% width: 100%} 

    </style> 

    <script type="text/javascript" 
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA6YvhWQgns2SVExEys8V-WeVfxdQAIqVQ"> 
    </script> 

    <script type="text/javascript"> 
    var lat = 0; 
    var long = 0; 

    infowindow.open(map,marker); 

function initGeolocation(){ 
    if(navigator.geolocation){ 
    // Call getCurrentPosition with success and failure callbacks 
    //navigator.geolocation.getCurrentPosition(success, fail); 
    navigator.geolocation.getCurrentPosition(success,fail,{enableHighAccuracy:true},{timeout:9000}); 

    } 
    else{var long = position.coords.longitude; 
    var lat = position.coords.latitude; 
    alert("Sorry, your browser does not support geolocation services."); 
    } 
    } 

function success(position) 
    { 

    var long = position.coords.longitude; 
    var lat = position.coords.latitude; 
    console.log('Coordinates: ' +position.coords); 
    console.log('TimeStamp' + position.timestamp); 

    var myOptions = 
    { 

    center: new google.maps.LatLng(lat,long), 
    zoom: 12, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(lat, long), 
    map: map 
    }); 
    } 

    function fail() 
    { 
    console.log('error' +error.message); 
    console.log('code' + error.code); 
    alert("error"); 
    } 

</script> 
    <div class="divImageHolder"> 
     <a href="menu.html" title="Mouseover Description"><img style="width: 20px; height: 20px; border: 0;" src="http://etc-mysitemyway.s3.amazonaws.com/icons/legacy-previews/icons/green-jelly-icons-media/-green-jelly-icon-media-a-media31-back.png" alt="Text Description"></a></div> 
    </div> 
</head> 

<body onload="initGeolocation()"> 
<div id="map_canvas" style="width:100%; height:100%"> 

</div> 
</body> 
</html> 

在此先感謝。

回答

0

您是否在模擬器中設置了地理位置?

指定模擬器中位置的座標。

的Eclipse - >打開透視圖 - > DDMS - >模擬器控制 - >位置控制

指定位置的座標,然後按「發送」

從[這裏] PhoneGap. Failed to start Geolocation service

+0

我使用的IntelliJ IDE使用以下路徑 – MAK 2014-10-08 11:15:41

+0

嘗試簡稱: - >工具 - 開放的IntelliJ IDE> DDMS ... – Amy 2014-10-08 11:20:33

+0

你是否得到了解決? – Amy 2014-10-08 11:45:26

相關問題