google maps api v3自定义投影坐标的问题

angel14 2010-08-31 09:57:43

如题，请问如何把google maps 的数据进行投影坐标的校正，从网上我查到v2的相关资料，但不懂如何翻译为v3（主要问题是v2的GMapType和v3MapType的问题）。贴下《Google Maps API开发大全》(v2)的例子，请高手指教一二，帮忙翻译。





<html>

	<head>

		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<script

			src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"

			type="text/javascript"></script>





		<script type="text/javascript"> 

			//设置城市中心坐标

			var centerPoint = new GLatLng(30.752642372196863, 120.75493812561035);

			var normalProj = G_NORMAL_MAP.getProjection();	

			//设置城市的投影偏移

		    var xOffset= -0.002452;

		    var yOffset= 0.004244;			

			

		    function initialize() {

		      if (GBrowserIsCompatible()) {

		        var map = new GMap2(document.getElementById("mapDiv"));

		        map.setCenter(centerPoint, 15);

				map.enableScrollWheelZoom();		 

				map.addControl(new GScaleControl());

				map.addControl(new GLargeMapControl());

				map.addControl(new GMapTypeControl());

		    	

		    	//定义特定的投影

				function dituProjection(xOffset,yOffset){

				    this.xOffset = xOffset;

				    this.yOffset = yOffset;

				}

		 

				dituProjection.prototype = new GProjection();

		 

				dituProjection.prototype.fromLatLngToPixel = function(latlng,  zoom){

				    return (G_NORMAL_MAP.getProjection()).fromLatLngToPixel(new GLatLng(latlng.lat()+this.xOffset,latlng.lng()+this.yOffset),zoom);

				};

		 

				dituProjection.prototype.fromPixelToLatLng = function(pixel,zoom,unbounded)

				{

				    var latlng = (G_NORMAL_MAP.getProjection()).fromPixelToLatLng(pixel,zoom,unbounded);

				    return new GLatLng(latlng.lat()-this.xOffset,latlng.lng()-this.yOffset);

				}

			 

				dituProjection.prototype.tileCheckRange = function(tile, zoom, tilesize)

				{

				    return (G_NORMAL_MAP.getProjection()).tileCheckRange(tile,zoom,tilesize);

				}

				dituProjection.prototype.getWrapWidth = function(zoom)

				{

				    return (G_NORMAL_MAP.getProjection()).getWrapWidth(zoom);

				}

		

				var newMap = new GMapType(G_NORMAL_MAP.getTileLayers(), new dituProjection(xOffset,yOffset), '地图(校正后)');

				map.addMapType(newMap);

				map.removeMapType(G_HYBRID_MAP);

				G_SATELLITE_MAP.getName = function(){ return '卫星(无校正)';};

				G_NORMAL_MAP.getName = function(){ return '地图(校正前)';};

				

			    var polyline1_1 = new GPolyline.fromEncoded({

				  color: "#0000ff",

				  weight: 4,

				  opacity: 0.8,

				  points: "yowzDqy}_V?CwASA@b@MVC@IEM?Ml@GNKPLB?ZWRg@^U?EPCN@DBR@TJX?RBDDDAHMh@W|@WD@NEd@ET@|@Gb@DVLGFVCjAANLL?DMFCVAh@SRA^HADBA\\FFMAE@_@DUDIDeBCqAFc@AEEA?_@Fm@?U@CHLDP?g@?BLWACIHB\\Eb@NAAKJm@HA?Cc@SAGDI^ITMR?TIRAFE\\?lAUFGVIrAq@TG@@AOBOSSSKEQ?WCQk@WOSSOIQ@AHLb@\\DBP@JJFTANBTLNJFRXF?LCLKFADBDALSL]ESKM@MC@R[QQ?GBF?AOSEQIMAODOB[HE@ENIZH?WFPB?JHp@G^LHHBHMHTCFDDHFBHIH@I?AJCG?[EGCAHVD@CN?TDBHC?@MCESAYGY?LN~@XC@@?CDCJ?BEP@BKDB@AN@BHLGEDXELB\\E@AIDK?CODYE@IAHACBI?GQHGNALE?PLLGNCPPNF^BGTF@MEIAQCE?OE]SiAA@?MGg@?SEUCeAE_@@KFOAEBAFW?OD[?[Jw@^CZ@RGFi@Cq@Ba@AJDb@@d@Cb@KH}@AEBCF?KLGXB\\?FCBG@YBKG[@[C][KE@SEQIAEJi@@YDOA_@FMPEJWAIDI?MBIA{@FSFk@?_@Ly@@e@Tw@FIXSRm@Dq@DSACHIN_@Ly@BE@QDIF]?KLo@Hs@JYJk@D[Ac@BW\\BHDHAFQLs@Ne@Hy@Rg@HKKFO`@FNv@XlAXL@JAFEJA@C]mBs@{BCOIMCQI@GGSAKJG@IQI?QLi@F_@@c@RK@?^On@KJG`@?I@B@IDEJYLk@BWRCJGbAMd@YD@HJb@_@HQ@GEU[o@CKC?Q_@GA@EEW[y@bArB~@|BvAzEt@|Dt@tGRzGI`HM~CUbEEf@CBF[QzHKjCIn@?C@jCYdKYrEk@hBgAzA_B`AkB\\iBA{C]oCi@iD[aA?EBQ?c@G_@gDaByGa@}A?F[OgAJyEx@iCTcCDs@J}@GgB@mBLeBViBPwAXuBXi@]D_@OqF[mEHOHYAS_@?u@Fm@JQGSe@CJECHDJ@^ATSFVCIGRKPY@QM",

				  levels: "P??D?B??B@A?BA@@E?A??@@?C?@AB????CAAB?AB@?@@B@@@?F@?@?A@@A?@@?C@@C@@?CA@BC@AC?A?E?A@??@@B??@?E?A?B??BA?@?F?@?@B@?B??@E?@??B?C@@@BB@@?@??@C?B??ABE@?BAB?ABA??A@B@C?@C@@A?A??DA??C?D?@??@@AB??@A@A?@D??B@B?A??AC??D@A?BAB@G@??@?@?A?????D????@??@C?@C@?D??@DAA?D@A@?B??D@?C??@?D??@B@@B???@@?@?@FA?AC??A?A???????@?A??C??C??@A?AEAC?B?@??FA???E@@A?A@B@?A?DA@@F@@??@?C??AB?B@E?A?@?@A?@I@ADABFA?@?AB@@@AADCAIBDB@@A??@FABB@F@@C@A@@B?@?FC@AB?@E?@CAA@D?@ACAA?CAP",

				  zoomFactor: 2, 

				  numLevels: 18

				});

				map.addOverlay(polyline1_1);

	      	}

	    }  	 	 

	</script>



	</head>

	<body onload="initialize()">

		<!-- 地图画板 -->

		<div id="mapDiv" style="width: 700px; height: 500px"></div>

	</body>

</html>