微信端地图相关技术

2019-01-01 23:18:02来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

1,打卡签到 —— 500米范围限制

    a,getLocation 获取gcj02 == 腾讯系坐标,可以直接用来打开腾讯地图 (获取wgs84则需转换)
    b,百度坐标转腾讯坐标,引入链接配置

        <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&libraries=convertor"></script><!-- 百度坐标转化为腾讯系坐标 -->    

        qq.maps.convertor.translate(new qq.maps.LatLng(vm.list.activityPlacePoilat,vm.list.activityPlacePoilng), 3, function(res){
            var latlng = res[0];
           var latitudeFromPC = latlng.lat;
           var longitudeFromPC = latlng.lng;
        })

  具体参数内容,详情:https://lbs.qq.com/javascript_v2/doc/convertor.html ;

    c,转换原理的理解

     WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)(GPS全球卫星定位系统使用的坐标系)

    GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用(由WGS84坐标系经加密后的坐标系)

    BD-09:百度坐标偏移标准,Baidu Map使用(在GCJ02坐标系基础上再次加密。其中bd09ll表示百度经纬度坐标,bd09mc表示百度墨卡托米制坐标)

    d,500米经纬度差 大约 500÷1000÷40000×360=0.0045度   复验百度坐标地图观察

 

2、腾讯地图api——逆解析

  a)  获取guj02坐标系     b)  申请key,请求转换    如下:

  var data={
      location : locationGCJ02.latitude + ',' + locationGCJ02.longitude,
             /*换成自己申请的key*/
      key:"6EBBZ-S5SW6-FZ5SV-MBBXH-5TZPE-X4BN7",
      get_poi:0
  };
  var url="https://apis.map.qq.com/ws/geocoder/v1/?";
  data.output="jsonp";
  $.ajax({
    type:"get",
    dataType:'jsonp',
    data:data,
    jsonp:"callback",
    jsonpCallback:"QQmap",
    url:url,
    success:function(res){
      if(res.status==0){
        var toStr = JSON.stringify(res);
        alert(toStr);
      }
    },
    error : function(err){alert("服务端错误,请刷新浏览器后重试")}

  });

 

    参考:https://www.cnblogs.com/benefitworld/p/5328420.html

     https://lbs.qq.com/webservice_v1/guide-gcoder.html

 

    3,腾讯地图api——计算两个坐标系,非直线距离      

  distanceMap:function(){

    var that=this ,
    data={
      from : that.urgDate.locationForm.lat+','+that.urgDate.locationForm.lng ,
      to : getLocationStr.locationGCJ02.latitude + ',' + getLocationStr.locationGCJ02.longitude,
      key: window.common.mapKey.qqMapKey ,
    } ,
    url="https://apis.map.qq.com/ws/distance/v1/?";

    data.output="jsonp";
    $.ajax({
      url:url,

      type:"get",
      dataType:'jsonp',
      data:data,
      jsonp:"callback",
      jsonpCallback:"QQmap",
      success:function(res){
      if(res.status==0){
        try{
          var toStr = JSON.stringify(res);
          //alert(toStr);
          that.urgDate.myDistance = res.result.elements[0].distance;
        }catch(e){
          console.log("坐标系距离计算错误");
        }
      }
    },
    error : function(err){console.log("坐标系距离计算网络链接失败");}

    });
  },

 

    参考:https://lbs.qq.com/webservice_v1/guide-distance.html

 

   4,坐标间直线距离,计算公式:

  distanceMap:function(lat1, lng1, lat2, lng2){
    function toRad(d) { return d * Math.PI / 180; }
    var dis = 0;
    var radLat1 = toRad(lat1);
    var radLat2 = toRad(lat2);
    var deltaLat = radLat1 - radLat2;
    var deltaLng = toRad(lng1) - toRad(lng2);
    var dis = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(deltaLat / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(deltaLng / 2), 2)));
    return  dis * 6378137;
  }

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML页面局部刷新

下一篇:Node.js在指定的图片模板上生成二维码图片并附带底部文字说明