OpenLayers地图坐标转换屏幕坐标

最近因工作原因开始接触OpenLayers地图，遇到需要将地图坐标转换成屏幕坐标，因为技术有限，在大量查看API、与大神写的文章时候还是有写地方疏忽了，先将整个地图坐标转换地图坐标进行记录。

第一步为指定的代码获取投影对象。

ol.proj.get('EPSG:4326') 在得到投影对象后需要取到投影有效范围，get接口为ol.proj.Projection下有getExtent方法获取投影有效性范围。

ol.proj.get('EPSG:4326').getExtent()

第二步

获取地图的宽度范围,ol.extent.getWidth(ol.proj.get('EPSG:4326').getExtent());到这里基本操作结束。

接下来就是

//地图坐标转屏幕坐标：
screenPt.x=screen.center.x+ ((mapPt.x-mapExtent.center.x)/resolution+0.5);
screenPt.y=screen.center.y- (mapPt.y-mapExtent.center.y)/resolution+0.5);

在这个公式中screen是屏幕坐标，mapPt是地图坐标，mapExtent是地图中心坐标，resolution 就是地图宽度范围，这个公式网上搜索到的，经测试无误。只是这里偏移了0.5。本人不喜欢写记录，但只因这个问题困扰我一天，希望对迷茫的朋友有一点帮助。谢谢，也希望朋友们提出我的缺点，加以改正。

OpenLayers地图坐标转换屏幕坐标相关推荐

AS3 RPG游戏引擎开发日志3：地图坐标转换
在这里更改之前说的45度角坐标转换的问题,地图仍然不变,但地图坐标和游戏坐标的关系改变了,它的对应关系如下图: 其中虚线表示地图的边缘,区块中标的数是数组的索引,即地图坐标.地图的高度用大写的H表示, ...
java百度地图坐标_java腾讯地图与百度地图坐标转换
/** * 坐标转换,腾讯地图转换成百度地图坐标 * @param lat 腾讯纬度 * @param lon 腾讯经度 * @return 返回结果:经度,纬度 */ public String m ...
java 地图坐标转换_百度地图坐标和高德地图坐标转换代码 Java实现
最近做项目需要百度地图坐标转换到高德地图坐标,高德官方也给出了转换接口(百度地图也给出了转换接口) http://lbs.amap.com/api/javascript-api/reference/l ...
地图坐标转换问题--百度地图定位偏
在地图定位开发中,许多定位模块输出坐标系是国际标准 WGS-84 坐标系,所以开发者在国内常见地图定位时,会发现与实际情况有几十米的误差.这并非模块问题, 而是国内地图采用了非标坐标系所致. 国内常见 ...
火星坐标系转百度php,PHP版本实现火星，高德地图和百度地图坐标转换
作开发的朋友都知道百度地址或其它的google地址及火星,高德地图它们的坐标值都是不一样的,如果我们希望从高德地图转换到百度地址是需要转换坐标的否则就不准了,下面来看一个高德地图和百度地图坐标转换ph ...
openlayers地图初始化
1.安装ol(官网ol已更新到openlayers7版本,我所用的是v6.14.1) yarn add ol //安装openlayers 2.初始化openlayer地图先创建一个容器来存放map ...
OpenLayers 加载天地图模糊的问题 OpenLayers 地图缩放模糊
openlayers 加载天地图模糊的问题,OpenLayers 地图缩放几次之后模糊 2021年12月20日纠正模糊原因: 地图加载瓦片实质上还是图片,一般来说是256&256,将一个静态 ...
openlayers 地图限制区域实现方法
openlayers 地图限制区域实现方法一.利用arcmap裁剪实现二.canvas的clip方法实现一.利用arcmap裁剪实现之前遇到一个项目,需要只显示某个区县范围内的地图,其余部分不 ...
百度地图坐标转换API
百度地图坐标转换API 之前写过一篇利用私有API处理Wgs到火星坐标的转换的问题最近发现有个百度地图未公开的坐标转换API挺不错: http://api.map.baidu.com/ag/coor ...

OpenLayers地图坐标转换屏幕坐标

OpenLayers地图坐标转换屏幕坐标相关推荐

最新文章

热门文章