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

微信小程序之地图使用

作者: 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