javascript - 我如何在 map 上显示观察位置经纬度

Question

我正在使用 cordova 使用 watchPosition() 方法找出设备位置。我能够成功检索职位，但是 我想将 watchposition() 的纬度和经度值传递给谷歌地图。我该怎么做？

index.html

<div id="map"></div>
<script>
  var map;
  function initMap() {
    var myLatLng = {
        //here the lat and lon should update on intervals
    };

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
      center: myLatLng
    });

    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      title: 'Hello World!'
    });
  }
</script>

app.js

$("#getGeolocation").on('click', function(){
        document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {          
               function onSuccess(position) {
                    var element = document.getElementById('geolocation');
                    element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' +
                                        'Longitude: ' + position.coords.longitude     + '<br />' +
                                        '<hr />'      + element.innerHTML;
                }

                function onError(error) {
                    alert('code: '    + error.code    + '\n' +
                          'message: ' + error.message + '\n');
                }

                var watchID = navigator.geolocation.watchPosition(onSuccess, onError, { timeout: 3000 });
        }
    });

Answer 1

在您的 onSuccess 事件处理程序中更新标记的位置，如下所示:

function onSuccess(position) {
   var pos = {
      lat: position.coords.latitude, 
      lng: position.coords.longitude 
   };

   // Center map
   map.setCenter(pos);

   // Update marker position
   marker.setPosition(pos);
}