js 批量坐标转换经纬度_如何批量转换为百度经纬度
展开全部
如何批量转换为百度e5a48de588b662616964757a686964616f31333339663933经纬度
摘要:
百度地图API的官网上提供了常用坐标转换的示例。但是,一次只能转换一个,真的非常麻烦!!这里结合了官方的示例,自制一个批量转换工具,供大家参考。
------------------------------------------------------------------------------------------
因为我没有GPS坐标,就拿谷歌坐标做个示例了。
首先要注意的是,百度和谷歌的经纬度坐标顺序是相反的。
比如,谷歌的经纬度是
new google.maps.LatLng(39.90762965106183, 116.3786889372559)
传入坐标转换接口的百度经纬度应该是
new BMap.Point(116.3786889372559,39.90762965106183)
所以,我建立一个数组,存放转换前的经纬度。创建百度的坐标点,但是用谷歌的经纬度。
//注意:百度和谷歌的经纬度坐标顺序是相反的。
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)
];
然后调用官方公布的接口
BMap.Convertor.transMore(points,2,callback);
自己对这个坐标转换接口做了修改,让它可以多次返回结果。注意看注释部分。
据说,百度坐标转换接口,有50次/秒的限制。
function transMore(points,type,callback){
for(var index in points){
if(index > 50){return;}
var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +
"&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据,直到points.length完毕。
"&y=" + points[index].lat +
"&callback=callback";
//动态创建script标签
load_script(xyUrl);
}
}
进过上一步,坐标就转换好了。成为百度坐标了。但这时的百度坐标是加密的。看不懂……
好在,我们可以直接利用这些加密的编码创建出Marker标注点。获取到对象后,直接使用即可。
function callback(xyResult){
if(xyResult.error != 0){return;}//出错就直接返回;
var point = new BMap.Point(xyResult.x, xyResult.y);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
map.setCenter(point);// 由于写了这句,可以每一个被转的点都是中心点的过程
}
到这里,批量转换就讲完啦~~
下面说说我自己添加的其他功能:如何获取地图上的坐标点。
---------------------------------------------------------------------------------------------
如何获取地图上的坐标点,经纬度?
先说说谷歌的:给地图添加事件,点击地图后直接弹出。
google.maps.event.addListener(map, 'click', function(e) {
alert(e.latLng);
});
在说说百度的,也是给地图添加事件。
map.addEventListener("click",function(e){
alert(e.point.lng + "," + e.point.lat);
});
大家发现谷歌和百度有什么不同了没有?
对了,谷歌的经纬度像是封装在一起了样。而百度的经纬度是分开地~~~
----------------------------------------------------------------------------------------
全部源代码:
有两个文件,一个是htm,另一个是修改后的官方坐标转换js。
批量转换.htm
批量转换坐标
(据说有50次/秒的限制哦)
谷歌地图
鼠标点击的谷歌坐标是:
function initialize() {
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(39.90861722866082, 116.39679921252446),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
google.maps.event.addListener(map, 'click', function(e) {
document.getElementById("info").innerHTML = e.latLng;
});
var marker1 = new google.maps.Marker({
position: new google.maps.LatLng(39.90762965106183, 116.3786889372559),
map: map
});
var marker2 = new google.maps.Marker({
position: new google.maps.LatLng(39.90795884517671, 116.38632786853032),
map: map
});
var marker3 = new google.maps.Marker({
position: new google.maps.LatLng(39.907432133833574, 116.39534009082035),
map: map
});
var marker4 = new google.maps.Marker({
position: new google.maps.LatLng(39.90789300648029, 116.40624058825688),
map: map
});
var marker5 = new google.maps.Marker({
position: new google.maps.LatLng(39.90795884517671, 116.41413701159672),
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
百度地图
鼠标点击的百度坐标是:()
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
var i;
var markers = [];
map.addEventListener("click",function(e){
document.getElementById("info2").innerHTML = 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(xyResult){
if(xyResult.error != 0){return;}//出错就直接返回;
var point = new BMap.Point(xyResult.x, xyResult.y);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
map.setCenter(point);// 由于写了这句,可以每一个被转的点都是中心点的过程
}
function magic(){
BMap.Convertor.transMore(points,2,callback);
}
changeMore.js
//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){
for(var index in points){
if(index > 50){return;}
var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +
"&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据,直到points.length完毕。
"&y=" + points[index].lat +
"&callback=callback";
//动态创建script标签
load_script(xyUrl);
}
}
window.BMap = window.BMap || {};
BMap.Convertor = {};
BMap.Convertor.transMore = transMore;
})();
已赞过
已踩过<
你对这个回答的评价是?
评论
收起
js 批量坐标转换经纬度_如何批量转换为百度经纬度相关推荐
- 【百度地图API】如何批量转换为百度经纬度
摘要: 百度地图API的官网上提供了常用坐标转换的示例.但是,一次只能转换一个,真的非常麻烦!!这里结合了官方的示例,自制一个批量转换工具,供大家参考. ----------------------- ...
- 百度地图批量精度和维度Java_【百度地图API】如何批量转换为百度经纬度
摘要: 百度地图API的官网上提供了常用坐标转换的示例.但是,一次只能转换一个,真的非常麻烦!!这里结合了官方的示例,自制一个批量转换工具,供大家参考. ----------------------- ...
- 批量执行定时任务_执行批量维护任务安全策略
批量执行定时任务 介绍 (Introduction) You may see it more commonly referenced as Database Instance File Initial ...
- python怎么批量下载图片_怎样批量下载在线图片?
原标题:怎样批量下载在线图片? 大家早啊,我是云景,以前分享过很多关于批量下载图片的技巧,有使用插件程序的,有使用工具的. 之前也教过大家怎么使用F12开发者 今天给大家分享的是,使用Python来批 ...
- c++批量重命名_文件批量重命名?这个方法百试百灵
本文由两部分构成,[批量提取指定文件夹下文件名]以及[批量文件重命名].嗯~简易操作~不涉及VBA编程~ 批量提取指定文件夹下文件名 操作动画如下: 如动画所示,先定义一个名称. 名称为文件夹,引用位 ...
- 注入点批量收集工具_如何批量处理短视频,剪辑片头片尾、加图片水印
很多时候,我们出于收藏.创作.发布等需求,想要对已收集来的短视频素材进行片头片尾的剪辑.添加图片水印的处理.常用的工具一般是:视频剪辑高手.而今天小编就用视频剪辑高手这款工具,教大家如何批量剪辑短视频 ...
- attrib批量显示文件夹_怎样批量修改文件夹或文件的系统隐藏属性
怎样批量修改文件夹或文件的系统隐藏属性 计算机技术 2010-06-14 10:05:16 阅读 135 评论 0 字号: 大中 小 前言: 怎么把文件夹或文件设置成系统文件夹 / 文件?就像 Sys ...
- lisp批量生成轴线_求批量插入图纸的程序 - AutoLISP/Visual LISP 编程技术 - CAD论坛 - 明经CAD社区 - Powered by Discuz!...
不明白的是这样一个程序和解密有什么关联 归档文件合并.lsp 1.需要doslib函数库支持 2.需要手动建立c:\QGY_temp文件夹 (defun c:insdwgs() (princ &quo ...
- python文件批量重命名_文件批量重命名的python代码
我们下载大量文件,或者拍摄大量照片.视频之后,或许会有一些人想要给它们重命名,以使文件们看起来更整洁一些. 用python是可以轻松解决的,而且只需要用几行代码.这对于程序员是一件很简单不过的事了,但 ...
最新文章
- 5GS 协议栈 — PFCP 协议 — QER QoS 实施规则
- XHTML 1.0 Tags 参考
- html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法
- SFIM起航——源于无聊
- linux 3.10 内核,升级linux内核到3.10
- 一次二次开发中的经验与教训(一)
- php实现上传文件功能,简单实现php上传文件功能
- 微信红包的支撑架构原理是什么?
- Java整数类的compareTo()方法和示例
- c语言 typedef(转)
- C++11多线程---future和promise
- C#的解题思路(1):不重复随机数的产生问题
- readelf命令使用
- (C语言)实验4 循环结构程序设计
- Revit二开--删除所有导入cad文件
- 族蚂网针对宠物网站建设有哪些新体验
- 在word中同时输入上下标设置
- 1538G. Gift Set
- 昂达b450s 内存超频3200,xmp设置教程
- 第三方风控的窘境:赚钱不易,生存更难