百度地图之三维地图纠偏
//function $g(id){//return document.getElementById(id);//}//function log(msg){////$g('logDiv').innerHTML=msg;//}//地图切换前三位地图的缩放级别var swbeforezoom=13;var Baidu3dConfig={//baidu 3d 瓦片偏移tileShiftX:902,tileShiftY:1000,rNum:Math.sin(Math.PI/4),r1:(45/180)*Math.PI,r2:(45/180)*Math.PI,matchPoints:[{"j":118.989749,"w":30.639438,"x":174848,"y":112384},{"j":118.988451,"w":30.640479,"x":173824,"y":112384}],//匹配点opoints:[{x:168884,y:88924},{x:173076,y:92796},{x:175508,y:95068},{x:173892,y:85684},{x:181652,y:92084}],bpoints:[{x:117.917156, y:31.313391},{x:117.917326, y:31.315473},{x:117.91579,y:31.319653}],bopoints:[{x:119.721676, y:30.924449},{x:120.169535, y:31.091835},{x:120.78182, y:31.594665}]};//坐标转换工具//172032,98304var CoorTools=function(bmap){this.matchPoints=Baidu3dConfig.matchPoints;//匹配点this.opoints=Baidu3dConfig.opoints;this.bpoints=Baidu3dConfig.bpoints;this.bopoints=Baidu3dConfig.bopoints;this.bmap=bmap;this.num=Baidu3dConfig.rNum;this.r1=Baidu3dConfig.r1;this.r2=Baidu3dConfig.r2;};CoorTools.prototype={test:function(){//测试if(this.bmap.getMapType()==BMAP_NORMAL_MAP){this.testo2b();this.testbo2b();}else{this.testo2bo();this.testb2bo();}this.testo2bo();this.testo2b();this.testb2bo();this.testbo2b();},testo2bo:function(){var mcp=this.matchPoints;var p=mcp[0];var pt=this.o2bo(p.x,p.y);var l = new BMap.Label('Hello,o2bo',{position:pt});l.setStyle({borderColor:'#0f0'}); this.bmap.addOverlay(l);var points=this.opoints;for(var i=0;i<points.length;i++){pt=this.o2bo(points[i].x,points[i].y);var l = new BMap.Label('Hello,o2bo:'+i,{position:pt});l.setStyle({borderColor:'#0f0'});this.bmap.addOverlay(l);}},testo2b:function(){var mcp=this.matchPoints;var p=mcp[1];var pt=this.o2b(p.x,p.y);var l = new BMap.Label('Hello,o2b',{position:pt});l.setStyle({borderColor:'#0f0'}); this.bmap.addOverlay(l);var points=this.opoints;for(var i=0;i<points.length;i++){pt=this.o2b(points[i].x,points[i].y);var l = new BMap.Label('Hello,o2b:'+i,{position:pt});l.setStyle({borderColor:'#0f0'});this.bmap.addOverlay(l);}},testb2bo:function(){//测试var mcp=this.matchPoints;var p=mcp[1];var pt=this.b2bo(p.j,p.w);var l = new BMap.Label('Hello,b2bo',{position:pt}); this.bmap.addOverlay(l);this.bmap.setCenter(pt);var p=this.bo2b(pt.lng,pt.lat);log(p.lng+','+p.lat);var points=this.bpoints;for(var i=0;i<points.length;i++){pt=this.b2bo(points[i].x,points[i].y);var l = new BMap.Label('Hello,b2bo:'+i,{position:pt});this.bmap.addOverlay(l);}},testbo2b:function(){var points=this.bopoints;for(var i=0;i<points.length;i++){pt=this.bo2b(points[i].x,points[i].y);if(i==0)this.bmap.setCenter(pt);var l = new BMap.Label('Hello,bo2b:'+i,{position:pt});l.setStyle({borderColor:'#00f'});this.bmap.addOverlay(l);}},coor2Baidu3D:function(pt){//baidu 2d 转 baidu 3dvar p=this.b2bo(pt.lng,pt.lat);return p;},coor2Baidu:function(pt){//baidu 3d 转 baidu 2dvar p=this.bo2b(pt.lng,pt.lat);return p;},o2b:function(x,y){var bom=this.o2bom(x,y);var mcp=this.matchPoints;var p1=this.fromMap(mcp[0].x,mcp[0].y);var p2=this.fromMap(x,y);var sx=p2.x-p1.x;var sy=p2.y-p1.y;var params=this.getParams();//alert(params.dx+','+params.dy);var pbm1=this.tomc(mcp[0].j,mcp[0].w);var mx=sx*params.dx+pbm1.lng;var my=pbm1.lat-sy*params.dy;var result=this.frommc(mx,my);//alert(result.lng+','+result.lat);return result;},getParams:function(){var mcp=this.matchPoints;if(!this.parse){var p1=this.fromMap(mcp[0].x,mcp[0].y);var p2=this.fromMap(mcp[1].x,mcp[1].y);var pbm1=this.tomc(mcp[0].j,mcp[0].w);var pbm2=this.tomc(mcp[1].j,mcp[1].w);this.parse=true;}var p1=this.fromMap(mcp[0].x,mcp[0].y);var p2=this.fromMap(mcp[1].x,mcp[1].y);var pbm1=this.tomc(mcp[0].j,mcp[0].w);var pbm2=this.tomc(mcp[1].j,mcp[1].w);var params={dx:Math.abs((pbm2.lng-pbm1.lng)/(p2.x-p1.x)),dy:Math.abs((pbm2.lat-pbm1.lat)/(p2.y-p1.y))};return params;},b2bo:function(lng,lat){var params=this.getParams();var mcp=this.matchPoints;var pbm1=this.tomc(mcp[0].j,mcp[0].w);var pbm2=this.tomc(lng,lat);var sx=pbm2.lng-pbm1.lng;var sy=pbm2.lat-pbm1.lat;var pbom1=this.o2bom(mcp[0].x,mcp[0].y);var zz=Math.pow(2, 5);var _pbom1=this.fromBMap(pbom1.lng,pbom1.lat);var _mx=sx/params.dx*zz+_pbom1.x;var _my=sy/params.dy*zz+_pbom1.y;var _pbom=this.toBMap(_mx,_my);var pbo=this.frommc(_pbom.x,_pbom.y);return pbo;},bo2b:function(lng,lat){var params=this.getParams();var mcp=this.matchPoints;var pbom1=this.o2bom(mcp[0].x,mcp[0].y);var pbom2=this.tomc(lng,lat);var _pbom1=this.fromBMap(pbom1.lng,pbom1.lat);var _pbom2=this.fromBMap(pbom2.lng,pbom2.lat);var sx=_pbom2.x - _pbom1.x;var sy=_pbom2.y - _pbom1.y;var zz=Math.pow(2, 5);var pbm1=this.tomc(mcp[0].j,mcp[0].w);var mx=sx*params.dx/zz+pbm1.lng;var my=sy*params.dy/zz+pbm1.lat;var pbom=this.frommc(mx,my);return pbom;},o2bo:function(x,y){var bom=this.o2bom(x,y);var o=this.frommc(bom.lng,bom.lat);return o;},o2bom:function(x,y){var tx=Baidu3dConfig.tileShiftX;var ty=Baidu3dConfig.tileShiftY;var zz=Math.pow(2, 5);var mx=(tx*256+x)*zz;var my=(ty*256-y)*zz;var o=new BMap.Point(mx,my);return o;},tomc:function(lng,lat){var o=this.bmap.getMapType().getProjection().lngLatToMercator(new BMap.Point(lng,lat));//alert(o.lng+','+o.lat);return o;},frommc:function(mx,my){var o=this.bmap.getMapType().getProjection().mercatorToLngLat(new BMap.Point(mx,my));return o;},fromBMap:function(x,y){var r1=this.r1;var r2=this.r2;var cos=Math.cos(r2);var sin=Math.sin(r2);y/=Math.sin(r1);x1=x*cos-y*sin;y1=x*sin+y*cos;return {x:x1,y:y1};},toBMap:function(x,y){var r1=this.r1;var r2=this.r2;var cos=Math.cos(r2);var sin=Math.sin(r2);//y1*sin+x1*cos=x*sin*sin+x*cos*cos;//y1*cos-x1*sin=y*cos*cos+y*sin*sin;var x1=(y*sin+x*cos)/(sin*sin+cos*cos);var y1=(y*cos-x*sin)/(cos*cos+sin*sin)*Math.sin(r1);return {x:x1,y:y1};},fromMap:function(x,y){var r1=this.r1;var r2=this.r2;var cos=Math.cos(r2);var sin=Math.sin(r2);y/=Math.sin(r1);x1=x*cos+y*sin;y1=-x*sin+y*cos;return {x:x1,y:y1};},toMap:function(x,y){var r1=this.r1;var r2=this.r2;var cos=Math.cos(r2);var sin=Math.sin(r2);//x1*cos-y1*sin=x*cos*cos+x*sin*sin;//x1*sin+y1*cos=y*sin*sin+y*cos*cos;var x1=(x*cos-y*sin)/(cos*cos+sin*sin);var y1=(x*sin-y*cos)/(sin*sin+cos*cos)*Math.sin(r1);return {x:x1,y:y1};},getZoomUnits:function(){var z=this.bmap.getZoom();return Math.pow(2, (18 - z));}};//var BBMap = BMap||self.parent.frames["ifdivmap"].BMap;function initMap(){var map = new BMap.Map("mapDiv"); // 创建Map实例var typeOpts = {anchor:BMAP_ANCHOR_TOP_RIGHT,mapTypes:[BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP]};map.addControl(new BMap.MapTypeControl(typeOpts));map.addControl(new BMap.NavigationControl());//地图控制插件，该插件可以控制地图的位置地图的显示比例 map.addControl(new BMap.ScaleControl());//显示在地图下方，告诉你地图上1cm对应的真实距离map.enableScrollWheelZoom(); map.setDefaultCursor("default"); var cpoint = new BMap.Point(118.988451, 30.640479); // 创建点坐标 map.centerAndZoom(cpoint,18); // 初始化地图，设置中心点坐标和地图级别。var tileLayer = new BMap.TileLayer();//var tilesPath = "http://localhost:80";tileLayer.getTilesUrl = function(tileCoord, zoom) {var x = tileCoord.x;var y = tileCoord.y;//log(zoom);//return tilesPath+'/tiles/' + zoom + '/tile' + x + '_' + y + '.png';var zz=Math.pow(2,14-zoom-1);var tsx=Baidu3dConfig.tileShiftX;var tsy=Baidu3dConfig.tileShiftY;var url= tilesPath+'/photolevel/3/lv'+(14-zoom)+'/'+(x-Math.floor(tsx/zz))+','+(Math.floor(tsy/zz)-y-1)+'.jpg';//log(x+','+y+','+zoom+';'+url);return url;};var curzoom="";var curcenter="";$('#sanwei').click(function() {var tempzoom=map.getZoom();curzoom=tempzoom;var tempcenter=map.getCenter();curcenter=tempcenter;//alert(tempzoom);var MyMap = new BMap.MapType('MyMap', tileLayer, {minZoom: 10, maxZoom: 13});map.setMapType(MyMap);//var p22 = new BMap.Point(108.978105, 34.346291);//var cvt=new CoorTools(map);//var p221 = cvt.coor2Baidu3D(p22);//map.centerAndZoom(p221, 12);});map.addEventListener('maptypechange',function(e) {var mapTypeName=map.getMapType()._name;//var p22 = new BMap.Point(108.978105, 34.346291);//var p22=map.getCenter();var cvt=new CoorTools(map);if(mapTypeName=="MyMap"){for(var i=0;i<zoom2darr.length;i++){if(curzoom==zoom2darr[i]){curzoom=zoom3darr[i];break;}}var p221 = cvt.coor2Baidu3D(curcenter);map.centerAndZoom(p221,curzoom);//点marker2DTo3D(compmarkerarr1);marker2DTo3D(compmarkerarr2);marker2DTo3D(compmarkerarr3);//线polygon2DTo3D(comppolyline);//面polygon2DTo3D(comppolygon);//区域polygon2DTo3D(gridareaarr);label2DTo3D(gridlabel);vertflag=1;}else{curzoom=map.getZoom();curcenter=map.getCenter();var p221 = cvt.coor2Baidu(curcenter);if(vertflag==1){for(var i=0;i<zoom3darr.length;i++){if(curzoom==zoom3darr[i]){curzoom=zoom2darr[i];break;}}map.centerAndZoom(p221,curzoom);//点marker3DTo2D(compmarkerarr1);marker3DTo2D(compmarkerarr2);marker3DTo2D(compmarkerarr3);//线polygon3DTo2D(comppolyline);//面polygon3DTo2D(comppolygon);//区域polygon3DTo2D(gridareaarr);label3DTo2D(gridlabel);}vertflag=0;}});bmap=map;}//统一封装函数------------------------------------------------------------------//marker二维到三维function marker2DTo3D(markerarr){var cvt=new CoorTools(bmap);for(var i=0;i<markerarr.length;i++){var mymarker=markerarr[i];var oldpoint=mymarker.getPosition();var newpoint=cvt.coor2Baidu3D(oldpoint);mymarker.setPosition(newpoint);}}//marker三维到二维function marker3DTo2D(markerarr){var cvt=new CoorTools(bmap);for(var i=0;i<markerarr.length;i++){var mymarker=markerarr[i];var oldpoint=mymarker.getPosition();var newpoint=cvt.coor2Baidu(oldpoint);mymarker.setPosition(newpoint);}}//label二维到三维function label2DTo3D(labelarr){var cvt=new CoorTools(bmap);for(var i=0;i<labelarr.length;i++){var mylabel=labelarr[i];var oldpoint=mylabel.getPosition();var newpoint=cvt.coor2Baidu3D(oldpoint);mylabel.setPosition(newpoint);}}//label三维到二维function label3DTo2D(labelarr){var cvt=new CoorTools(bmap);for(var i=0;i<labelarr.length;i++){var mylabel=labelarr[i];var oldpoint=mylabel.getPosition();var newpoint=cvt.coor2Baidu(oldpoint);mylabel.setPosition(newpoint);}}//polygon二维到三维function polygon2DTo3D(polygonarr){var cvt=new CoorTools(bmap);for(var i=0;i<polygonarr.length;i++){var npointarr=[];var mypolygon=polygonarr[i];var oldpath=mypolygon.getPath();for(var j=0;j<oldpath.length;j++){var otherpoint=oldpath[j];var newotherpoint=cvt.coor2Baidu3D(otherpoint);npointarr.push(newotherpoint);}mypolygon.setPath(npointarr);}}//polygon三维到二维function polygon3DTo2D(polygonarr){var cvt=new CoorTools(bmap);for(var i=0;i<polygonarr.length;i++){var npointarr=[];var mypolygon=polygonarr[i];var oldpath=mypolygon.getPath();for(var j=0;j<oldpath.length;j++){var otherpoint=oldpath[j];var newotherpoint=cvt.coor2Baidu(otherpoint);npointarr.push(newotherpoint);}mypolygon.setPath(npointarr);}}//结束-------------------------------------------------------------------------//测试function test(){var cvt=new CoorTools(bmap);cvt.test();//testLine();}var points=[new BMap.Point(108.978105, 34.346291),new BMap.Point(108.977961, 34.335799),new BMap.Point(109.002179, 34.335202)];function test_2d(){testLine(points);}function test_3d(){var cvt=new CoorTools(bmap);var newPoints=[];for(var i=0;i<points.length;i++){newPoints[i]=cvt.coor2Baidu3D(points[i]);}testLine(newPoints);}function testLine(points){var polyline = new BMap.Polyline(points, {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});bmap.addOverlay(polyline);//bmap.setCenter(points[0]);//log(points[0].lng+','+points[0].lat);var myIcon = new BMap.Icon("http://localhost:7080/xbmap/1.png", new BMap.Size(32, 70), { //小车图片//offset: new BMap.Size(0, -5), //相当于CSS精灵imageOffset: new BMap.Size(0, 0) //图片的偏移量。为了是图片底部中心对准坐标点。 });var carMk = new BMap.Marker(points[0],{icon:myIcon});bmap.addOverlay(carMk);i=0;var proj = bmap.getMapType().getProjection();function resetMkPoint(i){if(points[i]&&points[i].lng) {carMk.setPosition(points[i]);var cvt=new CoorTools(bmap);var tmpP = cvt.coor2Baidu(proj.mercatorToLngLat(points[i]))bmap.setCenter(tmpP);if(i < points.length){setTimeout(function(){i++;resetMkPoint(i);},800);}}}setTimeout(function(){resetMkPoint(0);},1000)}
?
