美文网首页
微信小程序之地图使用

微信小程序之地图使用

作者: Simple_Learn | 来源:发表于2019-03-13 11:18 被阅读0次

    1.地图标注图标icon问题
    目前只能使用png格式的图标,使用svg格式在模拟器上显示正常,在真机上显示不出来,就会显示默认的图标。

    2.常用的百度地图与腾讯/高德地图经纬度转换

    课外知识:
    国内各种坐标系

    1.地球坐标 (WGS84)
    1.WGS84是现行的国际标准,例如从iphone中 GPS 设备中取出的数据就是WGS84坐标系。
    2.国际地图提供商使用的坐标系。

    2.国家测汇局坐标系或者火星坐标系(GCJ-02)
    1.中国标准,从国行移动设备中定位获取的坐标数据使用这个坐标系
    2.国家规定: 国内出版的各种地图系统(包括电子形式),必须至少采用GCJ-02对地理位置进行首次加密。

    3.百度坐标 (BD-09)
    1.国内百度的标准,百度 SDK,百度地图,百度相关的产品使用

    课内内容:

    1.web端开发中使用百度地图,由于微信小程序加载出来是腾讯地图,导致显示位置有偏差。(数据库中存的百度地图经纬度)
    2.需要转换经纬度。目前已知的腾讯和高德是同一坐标的,可以互用,百度的坐标与两者稍有不同,使用前,需要先经过换算。
    3.将百度地图坐标转换为腾讯地图坐标

    /*
    百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换
    */
    function bMapTransQQMap(lng, lat) {
          let x_pi = 3.14159265358979324 * 3000.0 / 180.0;
          let x = lng - 0.0065;
          let y = lat - 0.006;
          let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
          let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
          let lngs = z * Math.cos(theta);
          let lats = z * Math.sin(theta);
          return {
              lng: lngs,
              lat: lats        
          }   
    }
    

    4.将腾讯地图坐标转为百度地图坐标

    /*
    火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换
    */
    function qqMapTransBMap(lng, lat) {
          let x_pi = 3.14159265358979324 * 3000.0 / 180.0;
          let x = lng;
          let y = lat;
          let z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);
          let theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);
          let lngs = z * Math.cos(theta) + 0.0065;
          let lats = z * Math.sin(theta) + 0.006;
          return {
              lng: lngs,
              lat: lats 
          } 
    }
    

    相关文章

      网友评论

          本文标题:微信小程序之地图使用

          本文链接:https://www.haomeiwen.com/subject/sgkzpqtx.html