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
}
}