百度地圖座標偏移、覆蓋物偏移解決方案

阿新 • • 發佈：2019-02-16

百度地圖定位不準確，這個問題困擾我一整天，想來度娘是強大的，各種查詢總於找到解決方案，其實就是將經緯度轉換為百度地圖識別的經緯度，是不是很扯。

網址

http://developer.baidu.com/map/jsdemo/demo/convertor.js 這是單個座標轉換介面

http://developer.baidu.com/map/jsdemo/demo/changeMore.js 這是批量轉換介面

1，單個轉換函式：

//2011-7-25  
(function(){        //閉包  
function load_script(xyUrl, callback){  
    var head = document.getElementsByTagName('head')[0];  
    var script = document.createElement('script');  
    script.type = 'text/javascript';  
    script.src = xyUrl;  
    //借鑑了jQuery的script跨域方法  
    script.onload = script.onreadystatechange = function(){  
        if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){  
            callback && callback();  
            // Handle memory leak in IE  
            script.onload = script.onreadystatechange = null;  
            if ( head && script.parentNode ) {  
                head.removeChild( script );  
            }  
        }  
    };  
    // Use insertBefore instead of appendChild  to circumvent an IE6 bug.  
    head.insertBefore( script, head.firstChild );  
}  
function translate(point,type,callback){  
    var callbackName = 'cbk_' + Math.round(Math.random() * 10000);    //隨機函式名  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from="+ type + "&to=4&x=" + point.lng + "&y=" + point.lat + "&callback=BMap.Convertor." + callbackName;  
    //動態建立script標籤  
    load_script(xyUrl);  
    BMap.Convertor[callbackName] = function(xyResult){  
        delete BMap.Convertor[callbackName];    //呼叫完需要刪除改函式  
        var point = new BMap.Point(xyResult.x, xyResult.y);  
        callback && callback(point);  
    }  
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.translate = translate;  
})();

2，批量轉換函式

//2011-7-25 zhangying  
(function(){  
function load_script(xyUrl, callback){  
    var head = document.getElementsByTagName('head')[0];  
    var script = document.createElement('script');  
    script.type = 'text/javascript';  
    script.src = xyUrl;  
    //借鑑了jQuery的script跨域方法  
    script.onload = script.onreadystatechange = function(){  
        if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){  
            callback && callback();  
            // Handle memory leak in IE  
            script.onload = script.onreadystatechange = null;  
            if ( head && script.parentNode ) {  
                head.removeChild( script );  
            }  
        }  
    };  
    // Use insertBefore instead of appendChild  to circumvent an IE6 bug.  
    head.insertBefore( script, head.firstChild );  
}  
function transMore(points,type,callback){  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type + "&to=4&mode=1";  
    var xs = [];  
    var ys = [];  
    var maxCnt = 20;//每次傳送的最大個數  
    var send = function(){  
        var url = xyUrl + "&x=" + xs.join(",") + "&y=" + ys.join(",") + "&callback=callback";  
        //動態建立script標籤  
        load_script(url);  
        xs = [];  
        ys = [];  
    }  
    for(var index in points){  
        if(index % maxCnt == 0 && index != 0){  
            send();  
        }  
        xs.push(points[index].lng);  
        ys.push(points[index].lat);  
        if(index == points.length - 1){  
            send();  
        }  
    }  
      
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.transMore = transMore;  
})();

3，單個轉換函式與批量轉換函式整合體

(function(){        //閉包  
function load_script(xyUrl, callback){  
    var head = document.getElementsByTagName('head')[0];  
    var script = document.createElement('script');  
    script.type = 'text/javascript';  
    script.src = xyUrl;  
    //借鑑了jQuery的script跨域方法  
    script.onload = script.onreadystatechange = function(){  
        if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){  
            callback && callback();  
            // Handle memory leak in IE  
            script.onload = script.onreadystatechange = null;  
            if ( head && script.parentNode ) {  
                head.removeChild( script );  
            }  
        }  
    };  
    // Use insertBefore instead of appendChild  to circumvent an IE6 bug.  
    head.insertBefore( script, head.firstChild );  
}  
  
function translate(point,type,callback){//單個轉換  
    var callbackName = 'cbk_' + Math.round(Math.random() * 10000);    //隨機函式名  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from="+ type + "&to=4&x=" + point.lng + "&y=" + point.lat + "&callback=BMap.Convertor." + callbackName;  
    //動態建立script標籤  
    load_script(xyUrl);  
    BMap.Convertor[callbackName] = function(xyResult){  
        delete BMap.Convertor[callbackName];    //呼叫完需要刪除改函式  
        var point = new BMap.Point(xyResult.x, xyResult.y);  
        callback && callback(point);  
    };  
}  
  
function transMore(points,type,callback){//批量轉換  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type + "&to=4&mode=1";  
    var xs = [];  
    var ys = [];  
    var maxCnt = 30;//每次傳送的最大個數  
    var send = function(){  
        var url = xyUrl + "&x=" + xs.join(",") + "&y=" + ys.join(",") + "&callback=callback";  
        //動態建立script標籤  
        load_script(url);  
        xs = [];  
        ys = [];  
    };  
    for(var index in points){  
        if(index % maxCnt == 0 && index != 0){  
            send();  
        }  
        xs.push(points[index].lng);  
        ys.push(points[index].lat);  
        if(index == points.length - 1){  
            send();  
        }  
    }  
      
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.translate = translate;  
BMap.Convertor.transMore = transMore;  
})();

另外附上兩個介面使用的示例原始碼

單個轉換的介面

[javascript] view plain copy

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的金鑰"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<title>GPS轉百度</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地圖API功能
//GPS座標
var xx = 116.397428;
var yy = 39.90923;
var gpsPoint = new BMap.Point(xx,yy);
//地圖初始化
var bm = new BMap.Map("allmap");
bm.centerAndZoom(gpsPoint, 15);
bm.addControl(new BMap.NavigationControl());
//新增谷歌marker和label
var markergps = new BMap.Marker(gpsPoint);
bm.addOverlay(markergps); //新增GPS標註
var labelgps = new BMap.Label("我是GPS標註哦",{offset:new BMap.Size(20,-10)});
markergps.setLabel(labelgps); //新增GPS標註
//座標轉換完之後的回撥函式
translateCallback = function (point){
var marker = new BMap.Marker(point);
bm.addOverlay(marker);
var label = new BMap.Label("我是百度標註哦",{offset:new BMap.Size(20,-10)});
marker.setLabel(label); //新增百度label
bm.setCenter(point);
alert(point.lng + "," + point.lat);
}
setTimeout(function(){
BMap.Convertor.translate(gpsPoint,0,translateCallback); //真實經緯度轉成百度座標
}, 2000);
</script>

批量轉換的示例介面

[javascript] view plain copy

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的金鑰"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/changeMore.js"></script>
<title>批量座標轉換</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
var i;
var markers = [];
map.addEventListener("click",function(e){
alert(e.point.lng + "," + e.point.lat);
});
//注意：百度和谷歌的經緯度座標順序是相反的。
var points = [new BMap.Point(116.3786889372559,39.90762965106183),
new BMap.Point(116.38632786853032,39.90795884517671),
new BMap.Point(116.39534009082035,39.907432133833574),
new BMap.Point(116.40624058825688,39.90789300648029),
new BMap.Point(116.41413701159672,39.90795884517671)
];
function callback(xyResults){
var xyResult = null;
for(var index in xyResults){
xyResult = xyResults[index];
if(xyResult.error != 0){continue;}//出錯就直接返回;
var point = new BMap.Point(xyResult.x, xyResult.y);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
map.setCenter(point);// 由於寫了這句，每一個被設定的點都是中心點的過程
}
}
setTimeout(function(){
BMap.Convertor.transMore(points,2,callback); //一秒之後開始進行座標轉換。引數2，表示是從GCJ-02座標到百度座標。引數0，表示是從GPS到百度座標
}, 1000);
</script>

本文轉載地址：點選開啟連結

百度地圖api---鷹眼服務物流解決方案

快遞物流行業正在經歷變革，傳統快遞物流巨頭在積極擁抱網際網路，新興貨運O2O平臺湧進貨運市場，更有服務於日常生活的外賣、生鮮等社群O2O涉足及時配送領域。這個行業蘊藏著巨大的機會也充滿激烈的競爭，拼成本、拼效率、拼體驗。在與地圖技術結合如此緊密的快遞物流行業中，百度地圖開放

百度地圖座標偏移、覆蓋物偏移解決方案

百度地圖定位不準確，這個問題困擾我一整天，想來度娘是強大的，各種查詢總於找到解決方案，其實就是將經緯度轉換為百度地圖識別的經緯度，是不是很扯。網址 http://developer.baidu.com/map/jsdemo/demo/convertor.js

百度地圖自定義icon,定位偏移問題

最近使用百度地圖做一個排程系統，使用定義icon的marker，結果地圖顯示marker和實際位置偏移，最終參考文章：自定義icon通過設定anchor引數 var icon = ne

js仿百度地圖拖拽、縮放、添加圖層功能（原創）

ets tle clas 火狐相對 inner tlist posit css 最近項目中完成的需求，仿百度地圖中的功能：要求：1.底層圖可以拖拽、縮放。　　 2.拖拽一個圖標，在底層圖上對應位置添加一個標註點，該標註點位置要隨底層圖移動。　　　3.添加的標註

php百度地圖座標繪製矩形呼叫百度poi搜尋矩形區域內資料

首先貼出三個重要的方法 /** * @date:2017-07-12 9:23 * @auth:網路搜尋 * @parame ：百度地圖php版呼叫方法 */ function caculateAKSN($ak, $sk, $url, $querystring_arrays, $

js仿百度地圖拖拽、縮放、新增圖層功能（原創）

最近專案中完成的需求，仿百度地圖中的功能：要求：1.底層圖可以拖拽、縮放。　　 2.拖拽一個圖示，在底層圖上對應位置新增一個標註點，該標註點位置要隨底層圖移動。　　　3.新增的標註點，可以拖動，刪除。主要知識點和難點就是各個瀏覽器的點選、拖拽、縮放事件相容性，對js運動屬性、運動偏移位置的瞭解，

Android開發之百度地圖定位以及簡單覆蓋物的實現

直接上程式碼：先看下效果圖：我這裡主要做了三個功能： 1.一秒鐘實時定位功能； 2.新增任意經緯度地點到地圖上； 3.判斷朝陽門是否在本人定位範圍1000米內；百度地圖初始化方法： DemoApplication.java package com

百度地圖搜尋poi、point、address

function setPlace(dd){ var add="福建省福州市"+$("#sendDistrict").val(); map.clearOverlays(); //清除地圖上所有覆蓋物 function my

android 百度地圖系列之新增覆蓋物和覆蓋物的點選事件

之前講了百度地圖定位和地圖基本操作，這篇部落格講一下，怎麼去給地圖新增覆蓋物，並當點選覆蓋物的時候顯示詳細資訊。要給地圖新增覆蓋物，首先需要覆蓋物的經緯度，如果還要實現點選事件，顯示詳細的資訊，還需要覆蓋物的描述資訊（如圖片，位置名稱等），所以先新建一個實體

百度地圖API自定義覆蓋物與新增點選事件

本文適合零基礎百度地圖API開發者效果圖1 效果圖2 直接上程式碼；另注：code上面很多是釣魚君自己寫的動態的資料，所以不能拿過去馬上可以用，本文只提供借鑑，不保證100%原創，但功能是修改之後已經實現。歡迎找茬，歡迎指教。 <body> <i

構建自己的百度地圖座標糾偏資料庫

麗水市汽車運輸集團股份有限公司資訊中心苟安廷搞GPS相關開發的，無一例外都會碰到座標糾偏問題，即接收到的GPS座標，如果直接顯示到電子地圖上，和實際位置有較大差距，必須在GPS座標的基礎上加上一個偏移量，才能正確顯示，由於偏移是非線性的，而演算法又是保密的，故很難獲

百度地圖按行政區、縣劃分輪廓界限

背景在物聯網行業，使用者、決策者通常需要直觀地看到不同區域、地點處的裝置部署情況，便於瞭解整體分佈。通過在數字地圖上動態劃分各區、縣的邊界，同時顯示每個區域的裝置數量，可實現這一需求。其實，這種技術已經很成熟，並在各大找房網站中得到廣泛應用。這裡列出幾個

百度地圖開發：多邊形覆蓋物的背景顏色等樣式設定

//新增多邊形********************************************************************** var polygon_nc = new BMap.Polygon([ new BMap.Point(120.

自定義百度地圖上顯示的覆蓋物

<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <m

多執行緒正常百度地圖瓦片獲取、衛星圖瓦片、道路圖瓦片、衛星圖道路圖拼接。

import java.io.File; import java.io.*; import java.net.HttpURLConnection; import java.net.URL; import java.util.Properties; import java.ut

百度地圖座標轉換中遇到的問題

最近在做定位的功能，集成了百度地圖的SDK，查了很多資料，發現通過GPS定位得到的經緯度座標並不是我們的真實座標，需要通過轉換才能得到真實座標，具體原理我就不再贅述了，直接說我遇到的問題及解決辦法吧！首先，要轉換座標，查了百度地圖API，發現真的有對應的介

百度地圖api清除指定覆蓋物（Overlay）的方法

最近用百度地圖api做專案，需要同時在地圖顯示marker與Polyline，且Polyline需要根據點選來顯示或清除，所以遇到了清除指定覆蓋物的問題，各種搜尋後未能找到完美的解決方法，通過自己思考，摸索了一方法能解決這個問題，發出來給大家分享。好了，進入正題：清除覆蓋

百度地圖座標轉換Web服務跨域請求

使用 $.ajax({ type : "get", async:false, url : reqUrl, dataType : "jsonp", jsonp: "callbackparam",

（Android）呼叫百度地圖api之新增覆蓋物

一、自定義類Info public class Info implements Serializable { private double latitude; private double longitude; private int imgI

百度地圖API圖示、文字、圖例與連線

百度地圖開放平臺功能強大，使用簡單，為地圖的自定義提供了非常方便的途徑！本文以繪製一張全國機器輻射圖為例記錄其基本使用方法，效果如下圖：圖中包括了帶圖示和文字的標註，連線以及圖例。 1.關於座標說到地圖，不得不說座標。我以為，GPS獲取經緯度之後，把經緯度丟給地圖就可以了。但那真的是自以為。

百度地圖 座標偏移、覆蓋物偏移解決方案

相關推薦

百度地圖座標偏移、覆蓋物偏移解決方案