openlayer在方位坐标系下显示北极地区地图

最新推荐文章于 2022-12-12 09:42:30 发布
最新推荐文章于 2022-12-12 09:42:30 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 可视化 文章标签： openlayers3 坐标系转换
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23926575/article/details/78205716
版权

使用openlayer时默认的坐标系为EPSG:3587，如果要使用其他坐标系可自定义使用。

效果图：

这里写图片描述
极点位置有一个大圆，暂时未能消除，如果有人搞定了还望说明一下。

代码：

更改坐标系需要用到proj4.js文件，可百度免费下载。为方便，我也会将这个博客中用到的文件和代码上传到我的csdn代码库中。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <title>mamq</title>
  <script type="text/javascript" src="js/ol.js">
最低0.47元/天 解锁文章
Marvin Ming
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
openlayer接入天地图（经纬度投影）（openlayer篇.1）
GIS之家家长
02-28 540
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="lib/ol.css" rel="stylesheet
根据卫星lat，lon，alt，俯仰角，方位角，推算绘制地面的拍摄的区域
大剑师兰特的GIS世界
02-08 910
本示例的目的是介绍演示如何在vue+satellite项目中研究卫星的拍摄范围。根据卫星的高度，经度，纬度，方位角，俯角以及拍摄的幅宽，幅长等参数，绘制拍摄的矩形框和中心点。这里用到了一些公式，参考代码，尤其是大部分使用的是弧度而非角度，需要做转化。
openlayer使用方位坐标系显示北极地区
10-11
openlayer使用方位坐标系显示北极地区地图 openlayer使用方位坐标系显示北极地区地图
openlayers结合原生webgl 图像的动态绘制tin数据保持清晰度（南极坐标系、北极坐标系的转换处理）
q1025387665a的博客
03-30 1168
前言： 本文基于上篇文章的基础开始。如果没看过我的上篇文章，请移步。 效果 转换成webgl坐标系所需的地理知识 南极坐标系如下图所示 北极坐标系的 如理 相反 北极坐标系如理相反 也就是说 假如我们得到一个坐标系正确的结果，另一个就是调调正负号了。 下面以南极坐标系为说明。 经纬度坐标转换成南极坐标的显示坐标（将度数改为数字） 计算原理如下图所示 特别注意，以下代码只保证南极坐标系第四象限求得角度没问题，由于暂时我也只用到了第四象限得处理，所以没有对其他的去算角度。请跟着上图原理自行计算。或者根
OpenLayers 3 坐标、坐标系、投影
大树
12-10 2018
OpenLayers 3 坐标、坐标系、投影 一、坐标 代码中我们常见到的数组 [0,0] 就是我们常说的坐标 坐标是一个包含两个元素的数组，第一个元素代表地图上的x坐标，第二个元素代表地图上的y坐标。通过x坐标和y坐标我们就可以定位到地图上的任何一个位置 二、坐标系 学过地理知识都知道，地球并不是一个完全规则的球体。在不同的地区，为了在数学上表示它，就出现了多种不同的参考椭球体，比如克拉索夫斯基(Krasovsky)椭球体，WGS1984椭球体，更多的椭球体参见参考椭球体。在参考椭球体的基础上，就发展出
openlayers根据坐标定位_北师大版 八年级数学上册《位置与坐标》重难点，建议收藏...
weixin_39904116的博客
12-18 476
一、生活中确定位置的方法(重难点)1、行列定位法把平面分成若干个行列的组合，然后用行号和列号表示平面中点的位置，要准确表示平面中的位置，需要行号、列号两个独立的数据，缺一不可。2、方位角加距离定位法此方法也叫极坐标定位法，是生活中常用的方法。在平面中确定位置时需要两个独立的数据：方位角、距离。特别需要注意的是中心位置的确定。3、方格定位法在方格纸上，一点的位置由横向方格数和纵向方格数确定，记作(横...
C# 地图显示缩放 坐标系动态显示 多级地图显示
03-14
在C#编程中，地图显示、缩放以及坐标系的动态显示是GIS（地理信息系统）应用中的关键元素。本文将深入探讨如何利用C#实现这些功能，尤其关注坐标轴的处理和多级地图的显示。 首先，地图显示通常涉及到地图数据的...
Openlayer地图叠加瓦片
07-12
OpenLayers 是一个强大的开源JavaScript库，用于在网页上创建交互式的...在实际项目中，可以根据标签中的"瓦片 Openlayer"关键词，结合提供的"瓦片叠加测试"文件，进行具体的代码实践和调试，以达到理想的叠加效果。
baiduMap_openlayer(openlayer加载百度地图和高德地图例子)
05-27
本示例“baiduMap_openlayer”是关于如何利用OpenLayers加载和展示百度地图与高德地图的教程。这个教程对开发者来说具有很高的参考价值，特别是那些想要在自己的Web应用中集成地图功能的人员。 首先，让我们深入...
1.（openlayer篇）openlayer接入天地图（经纬度投影）.zip
03-01
如果需要在OpenLayers上显示其他基于WGS84的数据，例如标记或几何图形，我们需要进行坐标系统的转换。OpenLayers 提供了`ol.proj.transform()`函数来完成这个任务。例如，将经纬度坐标转换为GCJ-02坐标： ```...
基于openlayer的迁徙案例
m0_37740770的博客
02-03 410
基于openlayer的迁徙案例 展示 源码地址 https://github.com/Liar0320/openlayer.track 演示地址 https://liar0320.github.io/openlayer.track/dist/index.html 依赖 openlayer OpenLayers is a high-performance, feature-packed lib...
Openlayers 投影与坐标转换
weixin_38670190的博客
12-25 5738
Openlayers 投影与坐标转换 在初始化map实例时，如果不在view中用projection参数指定投影坐标系，则将会使用默认的空间参考EPSG:3857(Web 墨卡托投影)。后续叠加的图层，都会将数据进行投影转换，确保map在同一个空间参考内。 EPSG(European Petroleum Survey Group，欧洲石油调查组织)负责维护并发布坐标参照系统的数据集参数，以及坐标转换描述。它将已有的椭球体，投影坐标系等及其不同组合都对应着不同的ID号，这个号在EPSG中被称为EPSG co
OpenLayers 和 turf.js 的灵异事件：什么？我画的圆居然不是圆！
老胡的CSDN博客
10-24 2711
为什么有时我们在OpenLayers中明明画的是个圆，从实地采集的坐标理应在圆内确不在圆内？ 为什么有事我们用turf做空间分析画了个圆，放到OpenLayers上却不是个圆？ 本文老胡带你一起解析。
Openlayers 教程 26 - 自定义投影坐标系 - 数据转换以及在线转换工具
linzi19900517的博客
12-12 2743
工作中经常会遇到转换坐标的情况，一般都会写代码搞定，但是有时候只需要查看一下数据，犯不上专门搞段代码，这里整个在线工具，提供使用。
Openlayer + turf 计算多点线段的中心点及其角度
weixin_43224584的博客
06-29 1831
//主要用到turf的根据距离裁剪线段的接口 function getArrow(arrowPoints) { if (arrowPoints.length > 0) { var format = new ol.format.GeoJSON(); var geometry = new ol.geom.LineString(arrowPoints); var line = turf..
Openlayers中使用Image的rotation实现车辆定位导航带转角(判断车辆图片旋转角度)
BADAO_LIUMANG_QIZHI的博客
07-10 3389
场景 Openlayers中使用animate实现车辆定位导航效果(以当前车辆为中心移动)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118634344 上面实现的导航效果，如果是车辆行驶的点位轨迹X和Y都会改变就会这样 怎样实现车辆的图片带旋转角度，即车辆行驶带转角的效果。 要实现的效果如下 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公..
OpenLayers学习笔记（九）— 限制地图显示范围
diaoyanbian8143的博客
02-14 1456
openlayers 3 地图上限制地图显示及拖动范围，坐标系是4326转3857，中心经纬度精确到小数点后六位，减少误差 GitHub:八至 作者：狐狸家的鱼 本文链接：ol3-限制地图显示及拖动范围 查看extent参数可以知道： 所以可以这样进行设置范围： var view = new ol.View({ ... ex...
openlayers6【十】EPSG:3857和EPSG:4326区别详解
热门推荐
@必意玲
05-29 3万+
1. 写在前面 在openlayers 6【二】Map地图详解，初始化一个map地图 这篇文章中，其实已经涉及到了这一点，就是为什么这里我们要把中心点的坐标用 fromLonLat()方法进行包裹。fromLonLat() 方法是继承自 ol.proj 这个类。 import { fromLonLat } from "ol/proj"; 在 openlayers 中创建map时候会有个view 属性，该属性下面会存在一个center属性。这个属性就是设置中心位置的坐标。如果不设置就没有中心，也毫无意义。p
openlayer 6 + 天地图之坐标系
josiecici的博客
09-06 1494
2. 什么是EPSG:3857坐标系（投影坐标） 在openlayers 中默认的坐标就是google的摩卡托坐标，也就是我们经常看到的 EPSG:3857 坐标系。 EPSG:3857 的数据一般是这种的。[12914838.35,4814529.9]，看上去相对数值较大。不利于存储，比较占内存。 3. 什么是EPSG:4326 坐标系（地理坐标） 4326 WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模块） EPSG:4326 的数据一般是这种的。[22.37，114.
openlayer 使用坐标系为 4326
最新发布
04-10
OpenLayers是一个开源的JavaScript库，用于在Web上创建交互式地图应用程序。它支持多种坐标系，其中包括使用EPSG:4326坐标系。 EPSG:4326坐标系，也称为WGS84坐标系，是一种经纬度坐标系，用于表示地球表面上的点。在这个坐标系中，经度的范围是-180到180度，纬度的范围是-90到90度。 在OpenLayers中使用EPSG:4326坐标系非常简单。你可以通过设置地图的投影方式来指定使用的坐标系。下面是一个使用EPSG:4326坐标系的示例代码： ```javascript // 创建一个地图实例 var map = new ol.Map({ target: 'map', // 地图容器的ID layers: [ // 添加图层 new ol.layer.Tile({ source: new ol.source.OSM() // 使用OpenStreetMap作为底图 }) ], view: new ol.View({ center: ol.proj.fromLonLat([0, 0]), // 设置地图中心点的经纬度 zoom: 10 // 设置地图缩放级别 }) }); ``` 在上面的代码中，`ol.proj.fromLonLat`函数用于将经纬度转换为EPSG:3857投影坐标系（OpenLayers默认使用的投影坐标系），然后将其设置为地图的中心点。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值