沙龙活动 | 3月31日 京东、微博实战专家与你共同探讨容器技术实践！
百度地图API的官网上提供了常用坐标转换的示例。但是，一次只能转换一个，真的非常麻烦！！这里结合了官方的示例，自制一个批量转换工具，供大家参考。
因为我没有GPS坐标，就拿谷歌坐标做个示例了。
首先要注意的是，百度和谷歌的经纬度坐标顺序是相反的。
比如，谷歌的经纬度是
newgoogle.maps.LatLng(39.83, 116.9)
传入坐标转换接口的百度经纬度应该是
newBMap.Point(116.9,39.83)
所以，我建立一个数组，存放转换前的经纬度。创建百度的坐标点，但是用谷歌的经纬度。
//注意：百度和谷歌的经纬度坐标顺序是相反的。
varpoints = [newBMap.Point(116.9,39.83),
newBMap.Point(116.32,39.71),
newBMap.Point(116.35,39.574),
newBMap.Point(116.88,39.29),
newBMap.Point(116.72,39.71)
然后调用官方公布的接口
BMap.Convertor.transMore(points,2,callback);
自己对这个坐标转换接口做了修改，让它可以多次返回结果。注意看注释部分。
据说，百度坐标转换接口，有50次/秒的限制。
functiontransMore(points,type,callback){
for(varindex inpoints){
if(index &50){return;}
varxyUrl = "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标注点。获取到对象后，直接使用即可。
functioncallback(xyResult){
if(xyResult.error != 0){return;}//出错就直接返回;
varpoint = newBMap.Point(xyResult.x, xyResult.y);
varmarker = newBMap.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
&!DOCTYPE html& &html& &head& &meta http-equiv="Content-Type"content="text/ charset=gb2312"/& &script type="text/javascript"src="changeMore.js"&&/script& &title&批量转换坐标&/title& &/head& &body& &input onclick="magic();"value="批量转换"type="button"/&（据说有50次/秒的限制哦）&hr /& &div style="clear:both"& &div style="float:"& &h4&谷歌地图&/h4& &div style="width:520height:340border:1px solid gray"id="map_canvas"&&/div& &p&鼠标点击的谷歌坐标是：&span id="info"&&/span&&/p& &script type="text/javascript"src="http://maps.googleapis.com/maps/api/js?sensor=false"&&/script& &script type="text/javascript"& functioninitialize() {varmyOptions ={
center: newgoogle.maps.LatLng(39.82, 116.46),
mapTypeId: google.maps.MapTypeId.ROADMAP
};varmap =newgoogle.maps.Map(document.getElementById('map_canvas'),myOptions);
google.maps.event.addListener(map, 'click', function(e) {
document.getElementById("info").innerHTML =e.latL
});varmarker1 =newgoogle.maps.Marker({
position: newgoogle.maps.LatLng(39.83, 116.9),
});varmarker2 =newgoogle.maps.Marker({
position: newgoogle.maps.LatLng(39.71, 116.32),
});varmarker3 =newgoogle.maps.Marker({
position: newgoogle.maps.LatLng(39.574, 116.35),
});varmarker4 =newgoogle.maps.Marker({
position: newgoogle.maps.LatLng(39.29, 116.88),
});varmarker5 =newgoogle.maps.Marker({
position: newgoogle.maps.LatLng(39.71, 116.72),
google.maps.event.addDomListener(window, 'load', initialize);&/script& &/div& &div style="float:"& &h4&百度地图&/h4& &div style="width:520height:340border:1px solid gray"id="container"&&/div& &p&鼠标点击的百度坐标是：（&span id="info2"&&/span&）&/p& &script type="text/javascript"src="http://api.map.baidu.com/api?v=1.2"&&/script& &script type="text/javascript"& varmap =newBMap.Map("container");
map.centerAndZoom(newBMap.Point(116.404, 39.915), 15);varmarkers =[];
map.addEventListener("click",function(e){
document.getElementById("info2").innerHTML =e.point.lng +","+e.point.
});//注意：百度和谷歌的经纬度坐标顺序是相反的。
varpoints =[newBMap.Point(116.9,39.83),newBMap.Point(116.32,39.71),newBMap.Point(116.35,39.574),newBMap.Point(116.88,39.29),newBMap.Point(116.72,39.71)
];functioncallback(xyResult){ if(xyResult.error !=0){}//出错就直接返回;varpoint =newBMap.Point(xyResult.x, xyResult.y);varmarker =newBMap.Marker(point);
map.addOverlay(marker);
map.setCenter(point);//由于写了这句，可以每一个被转的点都是中心点的过程
}functionmagic(){
BMap.Convertor.transMore(points,2,callback);
}&/script& &/div& &/div& &/body& &/html& changeMore.js
// zhangying
(function(){
functionload_script(xyUrl, callback){
varhead = document.getElementsByTagName('head')[0];
　varscript = document.createElement('script');
script.type = 'text/javascript';
script.src = xyUrl;
//借鉴了jQuery的script跨域方法
scriptscript.onload = script.onreadystatechange = function(){
if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){
callback &&callback();
//Handle memory leak in IE
scriptscript.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 );
functiontransMore(points,type,callback){
for(varindex inpoints){
if(index &50){}
varxyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +
"&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据，直到points.length完毕。
"&y=" + points[index].lat +
"&callbackcallback=callback";
//动态创建script标签
load_script(xyUrl);
windowwindow.BMap = window.BMap || {};
BMap.Convertor = {};
BMap.Convertor.transMore = transM
原文链接：http://www.cnblogs.com/milkmap/archive//2195780.html
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至： 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
本文为本人的一些实践总结，介绍一些混淆的知识和注意事项。希望可以帮助大家更好的学习和使用代码混淆。
什么是混淆
关于混淆维基百科上该词条的解> 博客详情
摘要: 百度地图API开发,大量坐标点进行分组聚合
leaflet具有markersCluster（标点聚合）的插件非常好用，偶然看到百度地图也有标点聚合开源库，尝试一下，先上效果图：
１、优点：
百度地图原生的火星坐标系和国内经过偏移的经纬度能完美歪在一起；
网络访问速度比open street map快；
地图信息相对丰富；
２，缺点：
说明文档不是很详细，自定义分组颜色应该有，没找到说明文档；
程序性能不高，点击聚合点会冻结１秒钟的感觉；
美感一般；
实现代码如下：
var&map&=&new&BMap.Map("allmap");
window.map&=&
var&point&=&new&BMap.Point(121.48,&31.233);
map.addControl(new&BMap.NavigationControl());&&&&&&&&&&&&&&&//&添加平移缩放控件
map.addControl(new&BMap.ScaleControl());&&&&&&&&&&&&&&&&&&&&//&添加比例尺控件
map.addControl(new&BMap.OverviewMapControl());&&&&&&&&&&&&&&//添加缩略地图控件
map.enableScrollWheelZoom();&&&&&&&&&&&&&&&&&&&&&&&&&&&&//启用滚轮放大缩小
map.addControl(new&BMap.MapTypeControl());&&&&&&&&&&//添加地图类型控件
map.disable3DBuilding();
map.centerAndZoom(point,&12);&
map.setMapStyle({style:'grayscale'});
var&markers_kfc&=&[];
var&markers_mcd&=&[];
&&&& .defer(d3.csv,&'data/kfc_official.csv')
&&&& .defer(d3.csv,&'data/mcd_official_geo.csv')
&&&& .await(function(error,&kfc,&mcd)&{
kfc.forEach(function(d)&{
&&&&&&&&&&&&&&&&var&pt&=&new&BMap.Point(d.lng,&d.lat);
&&&&&&&&&&&&&&&&markers_kfc.push(new&BMap.Marker(pt));
&&&&&&&&&&&&});
mcd.forEach(function(d)&{
&&&&&&&&&&&&&&&&var&pt&=&new&BMap.Point(d.lng,&d.lat);
&&&&&&&&&&&&&&&&markers_mcd.push(new&BMap.Marker(pt));
&&&&&&&&&&&&});
&&&&&&&&&&&&var&markerClusterer_kfc&=&new&BMapLib.MarkerClusterer(map,&{markers:markers_kfc});
&&&&&&&&&&&&var&markerClusterer_mcd&=&new&BMapLib.MarkerClusterer(map,&{markers:markers_mcd});
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥当前位置：
所属行业：互联网/电子商务
企业规模：51-100人
企业性质：民营/私营企业
(北京总部，研发部)
工作地点：
有效日期：日 至 日
招聘人数：5 人
职位性质：全职
天地图 JavaScript API工程师 职位描述：
该职位已过期或已暂停
其他最新招聘
国家地理信息公共服务平台“天地图”（以下简称“天地图“）是国家测绘地理信息局主导建设的网络化地理信息共享与服务门户，集成了来自国家、省、市（县）各级测绘地理信息部门，以及相关政府部门、企事业单位 、社会团体、公众的地理信息公共服务资源，向各类用户提供权威、标准、统一的在线地理信息综合服务。
“天地图”属于基础性、公益性服务平台，针对不同用途设计了多种数据版本和服务模式，用户可根据自身需求进行使用。
企业网址：
上一职位：
下一职位：
抢先订阅2018校园招聘，Offer发放提醒
同类招聘职位调用百度地图API批量搜索地名并返回地址及坐标
我的图书馆
调用百度地图API批量搜索地名并返回地址及坐标
去年由于某门课程需要，捣鼓了这么个小功能，效果图如下：&&完整代码如下，使用的是百度地图JS版API1.2版本：[html]&
TA的最新馆藏[转]&
喜欢该文的人也喜欢