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函数进行坐标转换。
分享到:
相关推荐
openlayers-map openlayers-map openlayers-map openlayers-map
关于openlayers开发的一个中文手册,供大家学习。
map map openlayers例子
openlayers中文文档,openlayers中文文档api
openlayers中文文档,openlayers中文文档api
OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标
OpenLayers中文学习文档,原始文档是.md格式的转换成Html后转换成了chm格式,感谢原文作者。
学习openlayers过程中的经验总结,虽然只是部分,但却是重要的部分,对openlayers有兴趣的初学者很有帮助的资料。
ol openlayers 中文 文档 翻译 最新编译、不全、差评的别下、嫌分高别下
openlayers点击获取坐标Demo ,本地即可运行
使用openlayers展示对象的移动轨迹
请问在openlayers中如何删除Layer中的marker 3 在层中加了一个标记怎么永久的存到地图上 3 OpenLayers 如何设死地图边界 3 谁写过openlayers解析xml 3 openlayer.popup 3 OpenLayers 怎么做字段标注 4 字段标注不是...
这是关于MapServer, PostGIS and OpenLayers的PPT文档。非技术性的综述性文档。
OpenLayers 支持的地图来源包括Google Maps、Yahoo、 Map、微软Virtual Earth 等,用户还可以用简单的图片地图作为背景图,与其他的图层在OpenLayers 中进行叠加,在这一方面OpenLayers提供了非常多的选择。...
用户还可以用简单的图片地图作为背景图,与其他的图层在OpenLayers 中进行叠加。除此之外,OpenLayers 支持Open GIS 协会制定的WMS(Web Mapping Service)和WFS(Web Feature Service)等网络服务规范,可以通过...
Openlayers WGS84、高德腾讯、百度坐标转换工具。 适用人群:WebGIS 开发人员以及地图相关运维人员。 使用场景:JavaScript、Html 环境,前端浏览器。 目标:为 WebGIS 开发人员提供方便。 使用说明:双击运行即可。...
openLayers-API中文,全,我找了好久,提供给大家
openLayers中文版api全翻译
openLayers-API中文版
在平移、缩放、旋转操作时,保持该css3d对象在屏幕坐标的位置和大小不变,同时根据该css3d对象在Threejs world坐标中的位置计算Openlayers中地图的显示区域 最终效果等同于在Threejs的world中添加了一个地图图层