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函数进行坐标转换。
分享到:
相关推荐
python学习资源
jfinal-undertow 用于开发、部署由 jfinal 开发的 web 项目
基于Andorid的音乐播放器项目设计(国外开源)实现源码,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。
python学习资源
python学习资源
python学习一些项目和资源
【毕业设计】java-springboot+vue家具销售平台实现源码(完整前后端+mysql+说明文档+LunW).zip
HTML+CSS+JavaScarip开发的前端网页源代码
python学习资源
【毕业设计】java-springboot-vue健身房信息管理系统源码(完整前后端+mysql+说明文档+LunW).zip
成绩管理系统C/Go。大学生期末小作业,指针实现,C语言版本(ANSI C)和Go语言版本
1_基于大数据的智能菜品个性化推荐与点餐系统的设计与实现.docx
【毕业设计】java-springboot-vue交流互动平台实现源码(完整前后端+mysql+说明文档+LunW).zip
内容概要:本文主要探讨了在高并发情况下如何设计并优化火车票秒杀系统,确保系统的高性能与稳定性。通过对比分析三种库存管理模式(下单减库存、支付减库存、预扣库存),强调了预扣库存结合本地缓存及远程Redis统一库存的优势,同时介绍了如何利用Nginx的加权轮询策略、MQ消息队列异步处理等方式降低系统压力,保障交易完整性和数据一致性,防止超卖现象。 适用人群:具有一定互联网应用开发经验的研发人员和技术管理人员。 使用场景及目标:适用于电商、票务等行业需要处理大量瞬时并发请求的业务场景。其目标在于通过合理的架构规划,实现在高峰期保持平台的稳定运行,保证用户体验的同时最大化销售额。 其他说明:文中提及的技术细节如Epoll I/O多路复用模型以及分布式系统中的容错措施等内容,对于深入理解大规模并发系统的构建有着重要指导意义。
基于 OpenCV 和 PyTorch 的深度车牌识别
【毕业设计-java】springboot-vue教学资料管理系统实现源码(完整前后端+mysql+说明文档+LunW).zip
此数据集包含有关出租车行程的详细信息,包括乘客人数、行程距离、付款类型、车费金额和行程时长。它可用于各种数据分析和机器学习应用程序,例如票价预测和乘车模式分析。
把代码放到Word中,通过开发工具——Visual Basic——插入模块,粘贴在里在,把在硅基流动中申请的API放到VBA代码中。在Word中,选择一个问题,运行这个DeepSeekV3的宏就可以实现在线问答
【毕业设计】java-springboot+vue机动车号牌管理系统实现源码(完整前后端+mysql+说明文档+LunW).zip
【毕业设计】java-springboot-vue交通管理在线服务系统的开发源码(完整前后端+mysql+说明文档+LunW).zip