<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script type="text/javascript" src="1.js"></script><title>批量转换坐标</title></head><body><input onclick="magic();" value="批量转换" type="button" />（据说有50次/秒的限制哦）<hr /><div style="clear:both"><div style="float:left;"><h4>谷歌地图</h4><div style="width:520px;height:340px;border: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">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);</script></div><div style="float:left;"><h4>百度地图</h4><div style="width:520px;height:340px;border: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">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);}</script></div></div></body></html>//(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;})();新闻热点
疑难解答
