`
Icgemu
  • 浏览: 71119 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

OpenLayers中Map对象的投影参数初始化与坐标转换

阅读更多
OpenLayers中Map中默认使用的经纬度坐标系(EPSG:4326),如果我们地图图片采用了墨卡托投影时,我们就需要在初始化Map对象时对相关的参数进行配置,以使用正确的投影方式;

下面代码演示了这个使用:
SimpleMap = OpenLayers.Class(OpenLayers.Map,{		    
	/*按地图引擎的地图参数初始画地图*/
	initialize: function (div, options){
		OpenLayers.Map.prototype.initialize.apply(this,[div,options]);					
		//当前地图采用坐标系(墨卡托坐标)			
		this.projection=new OpenLayers.Projection("EPSG:900913");
            //数据采用的坐标系
		this.displayProjection=new OpenLayers.Projection("EPSG:4326");       
		this.units="m";			        
							
		//this.numZoomLevels=16;
		//this.maxResolution=78271.51695;
							
		//this.numZoomLevels=15;
		//this.maxResolution=39135.758475;
							
		this.numZoomLevels=14;
            //Resolution=20037508*2/256*2^(zoom+1),zoom取值0~15
		this.maxResolution=	19567.8792375;
		//对应经纬度(-180,-90,180*2,90)					
		this.maxExtent=new OpenLayers.Bounds(-20037508, -20037508,20037508*2,20037508);
		this.restrictedExtent=new OpenLayers.Bounds(6679169.333,0,20037508*2,13358338.667);
								
		this.restrictedExtent=new OpenLayers.Bounds(-20037508, -20037508,20037508*2,13358338.667);
							
		this.addLayer(new SimpleTileCache("baseMap",TILE_PIV_URL,{isBaseLayer:true}));		                            
		this.div.oncontextmenu = function () { return false;};
		if(CENTER_LONLAT){
			this.zoomToLonLat(new OpenLayers.LonLat(CENTER_LONLAT[0],CENTER_LONLAT[1]),DEFAULT_ZOOM);
		}
			 
	},
				
	/**
	 *  定位到坐标点 输入点的采用的坐标系与显示坐标系相同
	 *  lonlat 与显示坐标系相同的点 { OpenLayers.LonLat }
	 *  zoom   缩放级数            { Integer }
	 */
	zoomToLonLat: function(lonlat,zoom){
		var p=lonlat.transform(this.displayProjection,this.getProjectionObject());				    	     
		this.setCenter(p,zoom,false,true);
	},		
	CLASS_NAME:"SimpleMap"
});

我们CENTER_LONLAT是一个经纬度坐标数组。
zoomToLonLat()函数展示了坐标转换。坐标转换需要Proj4j.js包,需要下载后才能进行做坐标转换。
zoomToLonLat函数就是把经纬度坐标转换为墨卡托坐标,this.getProjectionObject()返回的就是this.projection。因为现在地图采用墨卡托坐标系,所有经纬度坐标都要调用Openlayers.LonLat对象的transform函数进行坐标转换。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics