openLayers新手入门二：view视图

最新推荐文章于 2024-01-16 16:45:46 发布

L-L-L3

最新推荐文章于 2024-01-16 16:45:46 发布

阅读量389

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42323429/article/details/128144469

版权

一：Map主要构成：

view：视图

layers：层

controls：控件

interaction：交互

二：view主要构成：

center：中心点（墨卡托投影）

zoom：缩放级别

三：使用：

import View from "ol/View";

view: new View({
      center: olProj.fromLonLat([116.3, 39.9]),
      zoom: 12,
}),

优惠劵

L-L-L3

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
openLayers新手入门二：view视图

openLayers学习和使用
复制链接

扫一扫

Openlayers view三要素（zoom，center，projection）及其他参数属性方法介绍

大剑师兰特的GIS世界

06-28

897

view表示地图的简单 2D 视图。可以用来控制地图在容器中移动，还可以更改地图的中心，分辨率，旋转等。实战中主要会用到两种projection：球面墨卡托 (EPSG:3857)和wgs84（EPSG:4326），另外以下加粗的内容都是实战中的重点。

openlayers入门教程2《View -1.地图控制》

最新发布

qq_40795662的博客

01-23

903

投影是为了把不可展的椭球面描绘到平面上，它使用几何透视方法或数学分析的方法，将地球上的点和线投影到可展的曲面(平面、园柱面或圆锥面)上，再将此可展曲面展成平面，建立该平面上的点、线和地球椭球面上的点、线的对应关系。精准定位某个坐标的地图展示内容在实际业务开发中我们通常像实际定位某个设备存在与地图上与之相对应的位置，而不是笼统的定位信息展示，面对这种需求我们可以在出发定位设备这个功能时，同时设置View的放大等级再修改中心点为定位设备的中心点。下面我们将针对与一些在开发的过程中的实际使用进行一些代码讲解。

参与评论您还未登录，请先登录后发表或查看评论

OpenLayers - View详解（三）

小小的前端

02-20

1708

View是什么表示地图的简单 2D 视图。简单理解就是用来控制地图在容器中移动，方法的。主要用于更改地图的中心、分辨率和旋转的对象。视图具有projection。投影决定了中心的坐标系，其单位决定了分辨率的单位（每像素的投影单位）。默认投影是球面墨卡托 (EPSG:3857)。需要注意的是，在构造函数中添加了约束后，在使用方法设置或者获取数据都是在约束内的。常用参数 center 视图的初始中心。 constrainRotation 旋转约束。 false意味着没有约束。true意味着没有约

OpenLayers Api 中文文档4 View

GAlbinus的博客

05-22

1736

OpenLayers Api 中文文档4 View

openLayers6系列理论基础——View篇

happy81997的博客

04-24

695

openLayers6系列理论基础——View篇 view视图是初始化地图Map时候必要的三要素之一，这个对象的作用主要是控制地图与人的交互，如缩放等一、实例化一个view对象 new ol.View({options}) 二、options选项三、view重要的属性 center 是一个坐标[x， y]，表示地图视图的中心位置； extent 是一个数组对象 – [left...

openlayers3-test:openlayers3测试

05-20

openlayers3测试

Openlayers2入门教程

07-31

openlayers2是gis开发行业非常重要的一个开源项目，该资源是Openlayers2的入门手册，英文版。

openlayers-editor:OpenLayers编辑器

05-24

Openlayers编辑器 OpenLayers编辑器（OLE）基于并提供了一组用于扩展空间数据编辑的控件。欢迎捐款！随时添加更多控件并扩展当前功能。此外，构建过程目前非常基本，可以进行优化。翻译也很好。特征几何对齐的...

openlayers：OpenLayers

02-04

OpenLayers 是一个高性能，功能丰富的库，用于在Web上创建交互式地图。它可以显示从任何网页上...import View from 'ol/View' ; import TileLayer from 'ol/layer/Tile' ; import XYZ from 'ol/source/XYZ' ; new Map

openlayers3入门教程

11-25

openlayers3入门教程是介绍openlayers3的入门教程

openlayers [三] 地图视图 View 详解

爱玩亚索的程序员

01-16

821

上篇讲到map的一些属性这篇我们主要讲解view的一些属性。标出颜色的为常用的方法。

3. OpenLayers 教程：地图视图与投影（结合Vue 详细教程）

全栈三维GIS开发工程师，擅长Cesium、OpenLayers、Three.js、WebGL、Vue、Django、GDAL和QGIS技术。在这个博客里，我将分享我的开发经验、技术心得和项目案例，希望能为GIS爱好者和开发者提供有价值的参考。

06-11

887

本篇文章主要介绍了 OpenLayers 的地图视图与投影相关概念。首先，文章讲解了地图视图基本概念，以及如何控制地图缩放级别、中心点与限制范围；其次，文章详细介绍了地图投影与坐标转换的方法，并展示了如何在实际应用中使用地理坐标系与投影坐标系进行操作。通过学习本篇文章，读者可以更好地理解 OpenLayers 中的地图视图与投影，并能够灵活运用地理坐标与投影坐标在实际项目中进行开发。

OpenLayers入门-第一篇、基本概念与核心组件

球球不吃虾WHR2349博客

04-24

8586

学习一下openlayers里面的一些基本概念，npm地址。 npm install ol OpenLayers是一个高性能、功能丰富的库，用于在web上创建交互式地图。它可以显示地图瓷砖，矢量数据和标记加载从任何来源在任何网页。OpenLayers的开发是为了进一步使用各种地理信息。它是完全免费的，开源JavaScript。 1.Map A map is made of layers, a view to visualize them, interactions to modify map co

Openlayer：学习笔记之View

KaiSarH

11-12

606

学习笔记之View

openlayers的view方法

qlin_11的博客

01-27

1328

链接：https://blog.csdn.net/qingyafan/article/details/45603415 以下为原博主防删除初始化一幅地图，必备的三要素之一就是视图（view），这个对象主要是控制地图与人的交互，如进行缩放，调节分辨率、地图的旋转等控制。也就是说每个 map对象包含一个 view对象部分，用于控制与用户的交互。主要介绍 view 的作用和用法，并分析商用的地图应用中的相关的功能。功能的具体的实现与如何进行定制和优化，就超过了这篇文章的范围了。 view 类的定义可以在

Openlayers 教程 29 - 通过地图视野（View）- 图层 -（layer）- 资源（source）设置地图显示等级

linzi19900517的博客

08-14

1308

Openlayers 实战 - 地图视野（View）- 图层 -（layer）- 资源（source）显示等级设置。

Gis 之OpenLayers入门简介

weixin_46721670的博客

11-17

1379

是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。API 文档： https://openlayers.org/en/latest/apidoc/例子： https://openlayers.org/en/latest/examples/要想在浏览器中显示交互式的地图很难，因为浏览器默认的只是显示静态的图片，如PNG、JPEG等格式，要交互式很难，因为每一个点击和缩放，地图都要做出正确的反应。

openlayers6 使用ol.map＞ol.view center属性无效及解决方案

weixin_40336827的博客

10-09

2498

openlayers6 使用ol.map>ol.view center属性无效及解决方案原因分析：原因分析： The initial center for the view. If a user projection is not set, the coordinate system for the center is specified with the projection option. Layer sources will not be fetched if this is not set

Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件

wwf1225的博客

07-01

739

Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件效果：持续按下鼠标右键再拖动鼠标可以实现变换视图的角度（openlayers的样式被我改了一下，看上去有点像ArcGIS API for JS 4.x的样式）关键点 Vue里面如何阻止浏览器的默认右键事件如何阻止openlayers自带的鼠标点击拖动地图事件 1.Vue里面如何阻止浏览器的默认右键事件这里有一个坑，下面的代码是无效的，不能阻止浏览器的默认右键事件html:...

openlayers设置地图epsg:4326

04-30

在视图对象中，我们将投影属性设置为'EPSG:4326'，并将视图中心设置为[0,0]的经纬度，缩放级别设置为2。一旦我们设置了这些属性，OpenLayers将自动使用正确的投影来渲染地图，并将经纬度坐标转换为正确的投影坐标...

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交