H5地理定位

html5地理定位

根據本人的經驗，開發中在微信公衆號/支付寶生活號中蘋果手機並不支持定位

目錄：

注意

當經緯度沒辦法滿足你的需求時，具體的 地址信息結合地圖API獲取
如百度地圖

    // 百度地圖API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398,39.897445);//這裏是寫地理定位後的經緯度
    map.centerAndZoom(point,12);
    var geoc = new BMap.Geocoder();    

    map.addEventListener("click", function(e){        
        var pt = e.point;
        geoc.getLocation(pt, function(rs){
            var addComp = rs.addressComponents;
            alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
        });        
    });

代碼段如下：

 // 判斷設備是否支持定位功能
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(onSuccess, onError, options)
        } else {
         alert("該設備不支持定位")
        }
        var options = {
          enableHighAccuracy: true,
          maximumAge: 3600000
        }

        function onSuccess(pos) {
          var opt2, opt3;
          console.log(pos)
          console.log(pos.coords.latitude + ',' + pos.coords.longitude)
          // 經度 ：pos.coords.latitude  緯度：pos.coords.longitude
        }

        function onError(error) {
          console.log(error.message)
         alert('定位失敗')
        }