HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5地理定位watchPosition只调用一次大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用html 5创建一个 Android应用程序,我想在用户移动时从用户访问latlong.我使用过watchPostion,但它只是一次我的用户位置.
var watchID;
var geoLoc;

function showLOCATIOn(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;

    var ll=new google.maps.LatLng(latitude,longitudE);
    map.setCenter(ll);

  console.log("Latitude : " + latitude + " Longitude: " + longitudE);
}

function errorHandler(err) {
  if(err.code == 1) {
    console.log("Error: Access is denied!");
  }else if( err.code == 2) {
    console.log("Error: Position is unavailable!");
  }
    }
    if(navigator.geoLOCATIOn){
      // timeout at 60000 milliseconds (60 seconds)
      var options = {timeout:60000};
      geoLoc = navigator.geoLOCATIOn;
      watchID = geoLoc.watchPosition(showLOCATIOn,errorHandler,options);


   }else{
      console.log("Sorry,browser does not support geoLOCATIOn!");
   }

解决方法

几个月前我一直在做类似的事情.我记得有同样的问题.也许这会有所帮助.
$(document).ready(function(){  
    initLOCATIOnProcedure();
}

function initLOCATIOnProcedure() {
    map = new google.maps.Map(document.getElementById('map_canvas'),{
          zoom : 17
    });

    if (navigator.geoLOCATIOn) {
        navigator.geoLOCATIOn.getCurrentPosition(displayAndWatch,locError,{
            enableHighAccuracy : true,timeout : 60000,maximumAge : 0
        });
    } else {
        alert("Your phone does not support the GeoLOCATIOn API");
    }
}

function displayAndWatch(position) {
    // set current position
    setUserLOCATIOn(position);
    // watch position
    watchCurrentPosition();
}

function setUserLOCATIOn(pos) {
    // marker for userLOCATIOn
    userLOCATIOn = new google.maps.Marker({
           map : map,position : new google.maps.LatLng(pos.coords.latitude,pos.coords.longitudE),title : "You are here",icon : "../img/user-LOCATIOn.svg",// scroll to userLOCATIOn
    map.panTo(new google.maps.LatLng(pos.coords.latitude,pos.coords.longitudE));
});

这是你在寻找的

function watchCurrentPosition() {
    var positionTimer = navigator.geoLOCATIOn.watchPosition(function(position) {
        setMarkerPosition(userLOCATIOn,position);
        map.panTo(new google.maps.LatLng(position.coords.latitude,position.coords.longitudE));
    });
}

function setMarkerPosition(marker,position) {
     marker.setPosition(new google.maps.LatLng(position.coords.latitude,position.coords.longitudE));
     console.log(position);
}

小提琴
http://jsfiddle.net/XEFks/

大佬总结

以上是大佬教程为你收集整理的HTML5地理定位watchPosition只调用一次全部内容,希望文章能够帮你解决HTML5地理定位watchPosition只调用一次所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。