JavaScript實(shí)現(xiàn)經(jīng)緯度轉(zhuǎn)換常用方法總結(jié)
簡單介紹一下幾種常見的坐標(biāo)系:
WGS84坐標(biāo)系:即地球坐標(biāo)系(World Geodetic System),國際上通用的坐標(biāo)系。設(shè)備包含的GPS芯片或者北斗芯片獲取的經(jīng)緯度一般都是為WGS84地理坐標(biāo)系,目前谷歌地圖采用的是WGS84坐標(biāo)系(中國范圍除外)。
GCJ02坐標(biāo)系:GCJ-02是由中國國家測繪局(G表示Guojia國家,C表示Cehui測繪,J表示Ju局)制訂的地理信息系統(tǒng)的坐標(biāo)系統(tǒng)。由WGS84坐標(biāo)系經(jīng)加密后的坐標(biāo)系。谷歌中國采用的GCJ02地理坐標(biāo)系。也稱:火星坐標(biāo)系。
BD09坐標(biāo)系:即百度坐標(biāo)系,GCJ02坐標(biāo)系經(jīng)加密后的坐標(biāo)系。
Web 墨卡托投影坐標(biāo)系:也稱web墨卡托,是如今主流的Web地圖使用的坐標(biāo)系,如國外的 Google Maps,OpenStreetMap,Bing Map,ArcGIS 和 Heremaps 等,國內(nèi)的百度地圖、高德地圖、騰訊地圖和天地圖等也是基于Web墨卡托,與地理坐標(biāo)系不同,投影坐標(biāo)系的單位是m(由于國內(nèi)政策的原因,國內(nèi)地圖會有加密要求,一般有兩種情況,一種是在 Web墨卡托的基礎(chǔ)上經(jīng)過國家標(biāo)準(zhǔn)加密的國標(biāo)02坐標(biāo)系,熟稱“火星坐標(biāo)系”;另一種是在國標(biāo)的02坐標(biāo)系下進(jìn)一步進(jìn)行加密,如百度地圖的BD09坐標(biāo)系)。
墨卡托投影的“等角”特性,保證了對象的形狀的不變行,正方形的物體投影后不會變?yōu)殚L方形。“等角”也保證了方向和相互位置的正確性,因此在航海和航空中常常應(yīng)用,而Google們在計算人們查詢地物的方向時不會出錯。
實(shí)現(xiàn)方法
/**
* 判斷經(jīng)緯度是否超出國境
*/
function isLocationOutOfChina(latitude, longitude) {
if (longitude < 72.004 || longitude > 137.8347 || latitude < 0.8293 || latitude > 55.8271)
return true;
return false;
}
/**
* 將WGS-84(國際標(biāo)準(zhǔn))轉(zhuǎn)為GCJ-02(火星坐標(biāo)):
*/
function transformFromWGSToGCJ(latitude, longitude) {
var lat = "";
var lon = "";
var ee = 0.00669342162296594323;
var a = 6378245.0;
var pi = 3.14159265358979324;
if (isLocationOutOfChina(latitude, longitude)) {
lat = latitude;
lon = longitude;
}
else {
var adjustLat = transformLatWithXY(longitude - 105.0, latitude - 35.0);
var adjustLon = transformLonWithXY(longitude - 105.0, latitude - 35.0);
var radLat = latitude / 180.0 * pi;
var magic = Math.sin(radLat);
magic = 1 - ee * magic * magic;
var sqrtMagic = Math.sqrt(magic);
adjustLat = (adjustLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
adjustLon = (adjustLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
latitude = latitude + adjustLat;
longitude = longitude + adjustLon;
}
return { latitude: latitude, longitude: longitude };
}
/**
* 將GCJ-02(火星坐標(biāo))轉(zhuǎn)為百度坐標(biāo):
*/
function transformFromGCJToBaidu(latitude, longitude) {
var pi = 3.14159265358979324 * 3000.0 / 180.0;
var z = Math.sqrt(longitude * longitude + latitude * latitude) + 0.00002 * Math.sin(latitude * pi);
var theta = Math.atan2(latitude, longitude) + 0.000003 * Math.cos(longitude * pi);
var a_latitude = (z * Math.sin(theta) + 0.006);
var a_longitude = (z * Math.cos(theta) + 0.0065);
return { latitude: a_latitude, longitude: a_longitude };
}
/**
* 將百度坐標(biāo)轉(zhuǎn)為GCJ-02(火星坐標(biāo)):
*/
function transformFromBaiduToGCJ(latitude, longitude) {
var xPi = 3.14159265358979323846264338327950288 * 3000.0 / 180.0;
var x = longitude - 0.0065;
var y = latitude - 0.006;
var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * xPi);
var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * xPi);
var a_latitude = z * Math.sin(theta);
var a_longitude = z * Math.cos(theta);
return { latitude: a_latitude, longitude: a_longitude };
}
/**
* 將GCJ-02(火星坐標(biāo))轉(zhuǎn)為WGS-84:
*/
function transformFromGCJToWGS(latitude, longitude) {
var threshold = 0.00001;
// The boundary
var minLat = latitude - 0.5;
var maxLat = latitude + 0.5;
var minLng = longitude - 0.5;
var maxLng = longitude + 0.5;
var delta = 1;
var maxIteration = 30;
while (true) {
var leftBottom = transformFromWGSToGCJ(minLat, minLng);
var rightBottom = transformFromWGSToGCJ(minLat, maxLng);
var leftUp = transformFromWGSToGCJ(maxLat, minLng);
var midPoint = transformFromWGSToGCJ((minLat + maxLat) / 2, (minLng + maxLng) / 2);
delta = Math.abs(midPoint.latitude - latitude) + Math.abs(midPoint.longitude - longitude);
if (maxIteration-- <= 0 || delta <= threshold) {
return { latitude: (minLat + maxLat) / 2, longitude: (minLng + maxLng) / 2 };
}
if (isContains({ latitude: latitude, longitude: longitude }, leftBottom, midPoint)) {
maxLat = (minLat + maxLat) / 2;
maxLng = (minLng + maxLng) / 2;
}
else if (isContains({ latitude: latitude, longitude: longitude }, rightBottom, midPoint)) {
maxLat = (minLat + maxLat) / 2;
minLng = (minLng + maxLng) / 2;
}
else if (isContains({ latitude: latitude, longitude: longitude }, leftUp, midPoint)) {
minLat = (minLat + maxLat) / 2;
maxLng = (minLng + maxLng) / 2;
}
else {
minLat = (minLat + maxLat) / 2;
minLng = (minLng + maxLng) / 2;
}
}
}
function isContains(point, p1, p2) {
return (point.latitude >= Math.min(p1.latitude, p2.latitude) && point.latitude <= Math.max(p1.latitude, p2.latitude)) && (point.longitude >= Math.min(p1.longitude, p2.longitude) && point.longitude <= Math.max(p1.longitude, p2.longitude));
}
function transformLatWithXY(x, y) {
var pi = 3.14159265358979324;
var lat = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
lat += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
lat += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
lat += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
return lat;
}
function transformLonWithXY(x, y) {
var pi = 3.14159265358979324;
var lon = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
lon += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
lon += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
lon += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
return lon;
}
/**
* 將百度轉(zhuǎn)為WGS-84:
*/
function transfromBaidutoWGS84(latitude, longitude){
if (!isNaN(latitude)&&!isNaN(longitude)){
var lat = parseFloat(latitude);
var lon = parseFloat(longitude);
let res= transformFromBaiduToGCJ(lat, lon);
let resWGS = transformFromGCJToWGS(res.latitude,res.longitude);
return {latitude: resWGS.latitude.toFixed(6), longitude: resWGS.longitude.toFixed(6)};
}else{
return { latitude: '0', longitude: '0' };
}
}
/**
* 將WGS-84轉(zhuǎn)為百度:
*/
function transfromWGS84toBaidu(latitude, longitude){
if (!isNaN(latitude)&&!isNaN(longitude)){
var lat = parseFloat(latitude);
var lon = parseFloat(longitude);
let res= transformFromWGSToGCJ(lat, lon);
let resBaidu = transformFromGCJToBaidu(res.latitude,res.longitude);
return {latitude: resBaidu.latitude.toFixed(6), longitude: resBaidu.longitude.toFixed(6)};
} else{
return { latitude: '0', longitude: '0' };
}
}
module.exports = {
isLocationOutOfChina: isLocationOutOfChina,
transformFromWGSToGCJ: transformFromWGSToGCJ,
transformFromGCJToBaidu: transformFromGCJToBaidu,
transformFromBaiduToGCJ: transformFromBaiduToGCJ,
transformFromGCJToWGS: transformFromGCJToWGS,
transfromBaidutoWGS84:transfromBaidutoWGS84,
transfromWGS84toBaidu:transfromWGS84toBaidu
}以上就是JavaScript實(shí)現(xiàn)經(jīng)緯度轉(zhuǎn)換常用方法總結(jié)的詳細(xì)內(nèi)容,更多關(guān)于JavaScript經(jīng)緯度轉(zhuǎn)換的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Javascript實(shí)現(xiàn)hashcode函數(shù)實(shí)現(xiàn)對象比較與原理說明
在JavaScript中,數(shù)值的比較是比較簡單的,使用相等(==)和全等(===)符號基本上可以解決大多數(shù)非對象的比較。但是相等(==)和全等(===)符號在對象 object 的比較上,就不能滿足所有的要求了2023-06-06
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)分享給大家,感興趣的小伙伴們可以參考一下2016-03-03
JavaScript實(shí)現(xiàn)網(wǎng)頁上的浮動廣告的簡單方法
JavaScript實(shí)現(xiàn)網(wǎng)頁上的浮動廣告的簡單方法,需要的朋友可以參考一下2013-06-06
ES6基礎(chǔ)之?dāng)?shù)組和對象的拓展實(shí)例詳解
這篇文章主要介紹了ES6基礎(chǔ)之?dāng)?shù)組和對象的拓展,結(jié)合實(shí)例形式詳細(xì)分析了ES6數(shù)組和對象拓展運(yùn)算符、拓展方法的使用及相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表詳解
這篇文章主要給大家介紹了關(guān)于如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼
javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼,不過由于ie7的特殊性,設(shè)為首頁不能使用,不過其它基于ie內(nèi)核的瀏覽器都是支持的。2011-01-01
three.js利用gpu選取物體并計算交點(diǎn)位置的方法示例
這篇文章主要給大家介紹了關(guān)于three.js利用gpu選取物體并計算交點(diǎn)位置的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11

