Question

我想创建一个应用程序来获取我的coördinates并在谷歌地图中显示它们（使用phonegap并在模拟器2.2上进行测试）。然后将这些coördinates存储在localstorage中。我之前从未使用过本地存储，所以我不知道如何做到这一点。我得到了地理定位部分的工作。如果有人可以调整我的代码或显示一个解释如何保存lat / long的教程，我会撤回，因为我没有很多使用web-langauges的经验。非常感谢。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

         <head>

    <meta name="viewport" content="width=device-width; height=device-height; user-scalable=no" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Beer Me</title>
    <link rel="stylesheet" href="/master.css" type="text/css" media="screen" />
   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    <script type="text/javascript">

    function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
    }

    function onDeviceReady() {

    }

    //GEOLOCATION
    var onSuccess = function(position) {
        var myLat = position.coords.latitude;
        var myLong = position.coords.longitude;

        //MAP
        var mapOptions = {
            center: new google.maps.LatLng(myLat, myLong),
            zoom: 14,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

    var map = new google.maps.Map(document.getElementById("map_canvas"),
                                      mapOptions);

        var marker = new google.maps.Marker({
                                            position: new google.maps.LatLng(myLat, myLong),
                                            map: map,
                                            title:"Hello World!"
                                            });

    };

    // onError Callback receives a PositionError object
    //
    function onError(error) {
        alert('code: '    + error.code    + '\n' +
              'message: ' + error.message + '\n');
    }



    navigator.geolocation.getCurrentPosition(onSuccess, onError,{'enableHighAccuracy':true,'timeout':10000});

         </script>
         </head>
         <body onload="onLoad()"> 
         <div id="map_canvas" style="width:400px; height: 400px;">
    </div>
         </body>
         </html>

Localstorage我的地理位置

0 个答案: