openlayer

JavaWeb和WebGIS学习笔记（五）——使用OpenLayers显示地图

WebGIS学习笔记（三）——GeoServer发布shp数据地图JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层JavaWeb和WebGIS学习笔记（五）——使用OpenLayers
自闭火柴的玩具熊·2023-08-31 17:09

Geoserver的WFS服务实现要素的增删改

文章目录Geoserver设置WFS服务发布开启写入权限WFSTransaction的XML示例WebGISAPI调用OpenlayersMapboxGeoserver设置WFS服务发布WFS服务发布过于简单
何去何从2857·2023-08-31 01:37

openlayers入门学习

地图服务组件使用效果图XYZ瓦片图服务（天地图）注意参考文档组件使用XYZ瓦片图服务（百度地图）（不推荐）参考文档GeoServe服务以及绘制标注点组件使用效果图静态图片底图参考文档组件使用效果图参考文档Openlayers
清虚桂意·2023-08-30 14:48

OpenLayers实战，OpenLayers实现地图鼠标经过点要素时显示名称标注提示框，移出后隐藏

专栏目录：OpenLayers实战进阶专栏目录前言本章讲解OpenLayers实现地图鼠标经过点要素时显示名称标注提示框，移出后隐藏的功能。
汤姆猫不是猫·2023-08-30 14:16

OpenLayers实战，OpenLayers判断点位是否与多边形有交集，判断车辆是否在电子围栏内

专栏目录：OpenLayers实战进阶专栏目录前言OpenLayers实战，OpenLayers判断点位是否与多边形有交集，可以用于判断车辆是否在电子围栏内，船舶是否在锚泊位中等常用案例。
汤姆猫不是猫·2023-08-30 14:16

OpenLayers中文文档1快速入门

目录OpenLayers实例资源网QuickStart快速入门建立一个新的项目探索部分标记ThemarkupThescriptThestyle部署你的应用程序OpenLayers实例资源网http://
北凉冬·2023-08-30 14:15

OpenLayers7官方文档翻译，OpenLayers7中文文档，OpenLayers快速入门

设置新项目开始使用OpenLayers构建项目的最简单方法是运行：npmcreateol-appnpmcreateol-appmy-appcdmy-appnpmstart第一个命令将创建一个名为my-app
汤姆猫不是猫·2023-08-30 14:44

飞船监控系统

nginx转发openlayer动态轨迹实现主要步骤：1.引入ol.js和ol.css2.新建图层对象，这里分三个图层（地图源，小车标记物，轨迹线）3.基于第2点新建的图层对象，新建地图map对象4.把小车的点对象添加到标记物图层
markDownMan·2023-08-30 02:26

ZLMediaKit+SpringBoot+Vue+Geoserver实现拉取摄像头rtsp流并在web端播放

场景SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交：SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交_霸道流氓气质的博客-CSDN
霸道流氓气质·2023-08-29 06:57

243：vue+Openlayers 更改鼠标滚轮缩放地图大小，每次缩放小一点

第243个点击查看专栏目录本示例的目的是介绍如何在vue+openlayers项目中设置鼠标滚轮缩放地图大小，每次滑动一格滚轮，设定的值非默认值1。具体的设置方法，参考源代码。
还是大剑师兰特·2023-08-29 00:15

openlayers

工具高德坐标选取基础概念GeoJSON坐标系GIS地理信息系统的坐标系统:·WGS-84：GPS坐标系，是国际标准，GPS坐标（GoogleEarth使用、或者GPS模块）·GCJ-02：火星坐标系，国测局02年发布的坐标体系，中国坐标偏移标准，GoogleMap、高德、腾讯使用·BD-09：百度坐标系，百度自研，百度地图使用。projection：投影·投影：地球大家都知道不是正圆形的球体，他是
Rico_wang·2023-08-28 20:14

OpenLayers4加载天地图WMTS注意事项

OpenLayers4加载天地图WMTS注意事项天地图官网：http://lbs.tianditu.gov.cn/home.htmlOpenLayers官网：https://openlayers.org
JeffreyGu.·2023-08-24 14:17

Vue3+Vite 初始化OpenLayer

Vue3+Vite初始化OpenLayer安装依赖yarnaddol初始化OpenLayerimport{onMounted}from'vue'import'ol/ol.css'import{Map,View
原谅我很悲·2023-08-24 14:32

使用openlayers加载离线地图

什么是Openlayers?简单来说，Openlayers是一个基于Javacript开发，免费、开源的前端地图开发库，使用它，可以很容易的开发出WebGIS系统。
Devil枫·2023-08-23 21:02

八、OpenLayer一些常用的方法总结

1、获取地图的视角范围this.map.getView().calculateExtent(this.map.getSize());2、获取地图分辨率//获取地图视图的分辨率varresolution=this.map.getView().getResolution();3、定位//定位视图this.map.getView().fit([extentArr[0],extentArr[1],exte
llbzwb·2023-08-23 06:08

超图服务设置token及使用

1、设置方法：token的使用手册2、使用二维的可以先看下超图官网的例子https://iclient.supermap.io/examples/openlayers/editor.html#iPortalSecurity
llbzwb·2023-08-23 06:08

七、OpenLayer量算功能

openlayer没有封装直接可用的测量接口，需要自己通过绘制线段和面，再去求长度或者面积。
llbzwb·2023-08-23 06:38

项目中超图 for openlayer和超图for cesium同时引入的问题

一个项目中同时用到了超图的openlayer和cesium版本，首先我是外部引入的超图的开发包，你要是通过npm导入的那就没关系了。这些包主要内容是超图针对自己服务封装的一些查询，加载，渲染功能。
llbzwb·2023-08-23 06:35

OpenLayers 高德地图偏移问题

OpenLayers高德地图偏移问题1.偏移产生的原因地球上同一个地理位置的经纬度，在不同的坐标系中，会有少许偏移，国内目前常见的坐标系主要分为三种：地球坐标系——WGS84：常见于GPS设备，Google
漠诽·2023-08-23 04:12

OpenLayers 瓦片图层放大显示

OpenLayers瓦片图层放大显示天地图的影像地图的显示层级最大是18级，超出18级时天地图的影像服务会返回超限的水印瓦片。
漠诽·2023-08-23 04:41

openLayers实战(八)：坐标系及其转换

坐标系介绍EPSG:3857--web地图，基于球体的、web墨卡托投影（伪墨卡托投影Pseudo-Mercator）的投影坐标系，范围为纬度85度以下，由于google地图最先使用而成为事实标准。至今，大多互联网地图都使用EPSG3857，主要是因为该投影是等角投影，适合地图定向及导航，但是纬度越高，面积变形越大。EPSG:4326--全球通用，基于WGS84椭球的经纬度坐标系，大地坐标系，在E
小鸟哗啦啦·2023-08-21 19:53

openLayers实战(六)：根据坐标信息计算多边形区域面积

借助Turf.js库npminstall@turf/turfyarnadd@turf/turf//导入必要的Turf.js函数import{area}from'@turf/turf';//创建多边形对象constpolygon={"type":"Polygon","coordinates":[[[x1,y1],[x2,y2],[x3,y3],...,[x1,y1]]]};//使用Turf.js的a
小鸟哗啦啦·2023-08-21 19:53

openLayers实战(九)：正多边形的绘制

最近在绘制各种图形，越来越乱，看了很多文章，启发了从最最基础的图形开始学习扩展。遇到什么样的问题？importolfrom"ol";import{Draw}from"ol/interaction";import{VectorasVectorSource}from"ol/source";import{Layer,VectorasVectorLayer}from"ol/layer";importOve
小鸟哗啦啦·2023-08-21 19:52

OpenLayers5在EPSG:4326下以m为单位画圆

varcircleIn3857=newCircle(transform([121.4659,31.2],'EPSG:4326','EPSG:3857'),1000,'XY');varcircleIn4326=circleIn3857.transform('EPSG:3857','EPSG:4326');
鬼马行天·2023-08-21 11:40

Openlayers 教程 - 以单位米为半径，绘制圆形图形要素

Openlayers教程-以单位米为半径，绘制圆形图形要素核心代码完整代码：在线示例在以往的项目维护中，出现一个问题，使用最新高清底图发现，设置地图最大等级（21级）之后，地图虽然可以渲染21级图层，但是并没有请求
非科班Java出身GISer·2023-08-21 11:39

openLayers实战(七)：根据坐标信息绘制圆形

引入所需的库和模块在代码的开头，确保正确导入Turf.js和OpenLayers的库和模块。
小鸟哗啦啦·2023-08-20 05:39

webgis —— geoserver 更优秀的瓦片格式

更不要说什么openlayers、cesium、geoserver这些了，统统都没怎么用过。想想，人对于未知的东西，就会产生恐惧。而客服恐惧的最好方式，就是不停的学习。
纯爱枫若情·2023-08-19 20:09

三、OpenLayer常用图层介绍

1、TileLayer瓦片图层。一般加载切片图层（wmts,wms）天地图（wmts）consttempLayer=newTileLayer({visible:true,projection:"EPSG:4326",source:newXYZ({visible:true,url:"https://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l
llbzwb·2023-08-19 11:35

四、OpenLayer图层样式设置及图层控制

样式设置一般都是矢量图层vectorlayer。我喜欢用这种回调函数的方式设置，因为可以根据要素特定的值去灵活改变。当然也可以直接=newStyle()varstyleFunction=(feature)=>{constentityName=feature.get("");returnnewStyle({stroke:newStroke({color:"rgba(75,196,208)",widt
llbzwb·2023-08-19 11:35

一、openlayer开发介绍

首先需要引入openlayerapi开发包。两种方式：1、import方式，也就是npm安装，npminstallol2、外部js引入。
llbzwb·2023-08-19 11:05

二、OpenLayer创建地图

//头部定义constMap=ol.Map;constView=ol.View;constdefaultControls=ol.control.defaults.defaults;//绑定的元素盒子//高德底图constbaseVecLayer=newTileLayer({visible:true,source:newXYZ({url:"http://webrd01.is.autonavi.com
llbzwb·2023-08-19 11:05

Openlayers实战：移动鼠标至重叠几何图形上，获取多层所有features信息

在Openlayers的实际项目中，经常会出现在某个区域内有多个矢量层叠加的情况，这个时候点击内部一点，我们要获取到所有矢量层的信息。
还是大剑师兰特·2023-08-18 16:24

Openlayers raster reprojection 栅格重投影原理分析

背景OpenLayers3新版本能够以不同于服务器提供的坐标系显示来自WMS，WMTS，静态图像和许多其他来源的栅格数据。图像的地图投影的转换直接在Web浏览器中进行。
李司徒·2023-08-16 23:15

openlayer的飞行动画

飞行动画官方例子：https://openlayers.org/en/latest/examples/flight-animation.htmlimport"ol/ol.css";importolMapfrom"ol
梧桐芊羽·2023-08-16 17:38

OpenLayers - View详解 （三）

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

vue3 openlayers--添加图片图标

openlayers官网：OpenLayers-Welcomehttps://openlayers.org/1、页面2、导入import{onMounted,shallowRef}from"vue";import
ref_M·2023-08-15 12:09

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

Openlayers实战-地图视野（View）-图层-（layer）-资源（source）显示等级设置。
非科班Java出身GISer·2023-08-15 12:07

openlayers6 添加道路图层 并点击道路高亮显示

第一种方法首先，在初始化地图时，创建一个新的VectorLayer对象，并将其添加到地图上。这个新图层将用于高亮显示选中的道路。例如：this.highlightLayer=newVectorLayer({zIndex:9999,source:newVectorSource({features:[]}),style:newStyle({stroke:newStroke({color:'#ff000
CV工程师!!·2023-08-15 08:21

OpenLayers入门（一）

OpenLayers简介OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求
街角小林2·2023-08-15 03:11

OpenLayers实战，OpenLayers高德地图瓦片位置纠偏，将高德底图瓦片位置转换为EPSG:4326和EPSG:3857

专栏目录：OpenLayers实战进阶专栏目录前言在日常开发中，经常遇到使用高德底图，总是要对高德坐标进行转换才能使用，本章不需要对要素经纬度位置进行转换，而是使用OpenLayers将高德地图图层的所有瓦片从
汤姆猫不是猫·2023-08-14 23:45

Openlayers实战：选择feature，列表滑动，定位到相应的列表位置

在Openlayers的实际项目中，点击某个图层的feature，在左侧的列表中显示出来，滚动条滑动，能显示在视觉区内，具体的方法请参考源代码。
还是大剑师兰特·2023-08-13 13:46

OpenLayers动态修改GeoServer发布的地图样式

OpenLayers动态修改GeoServer发布的地图样式giscoder2019-11-2610:33:19403收藏分类专栏：OpenLayersGeoServer版权流程思路1.改写GeoServer
不玩了啊·2023-08-12 21:38

openlayers 地图加载geojson绘制边界,点,线,面

openlayers地图加载geojson绘制边界,点,线,面方法//绘制点/线/面drawContent(geo){if(this.routeLayer){this.map.removeLayer(this.routeLayer
天天向上1024·2023-08-12 10:23

openlayers6 显示矢量框（已知四个点坐标）

没有四角坐标创造四角坐标getPolygon(row){/*右上角坐标经度*/letrightUpLon=row.dmUrLon;/*右上角坐标纬度*/letrightUpLat=row.dmUrLat;/*左上角坐标经度*/letleftUpLon=row.dmUlLon;/*左上角坐标纬度*/letleftUpLat=row.dmUlLat;/*右下角坐标经度*/letrightDownLon
膨胀的泡·2023-08-12 09:33

Openlayers鹰眼OverviewMap自定义样式时鹰眼大小调整

Openlayers鹰眼OverviewMap自定义样式时可以根据关注区域的范围长宽比调整鹰眼控件的宽、高大小，让关注的区域始终全部在鹰眼中显示。
cwr888·2023-08-10 20:02

OpenLayers 3实践与原理探究1-ol2 VS ol3

本文的重点在OpenLayers3，对于OpenLayers2简单比较说明。
TechFE·2023-08-10 15:47

《水经注地图服务》发布的卫星影像数据在OpenLayers中调用

OpenLayers是一个用于开发WebGIS客户端的JavaScript包。
水经注GIS·2023-08-09 23:14

openlayers入门教程

openlayers基础入门到实战一.openlayers基础篇1.地图(Map)，对应的类是ol.Map：2.视图(View)，对应的类是ol.View3.图层(Layer，需重点掌握)a.如何添加图层到地图上
吃炸鸡的前端·2023-08-08 18:01

openlayers6：入门基础（二）之加载图层

#前言APIDocs：https://openlayers.org/en/latest/apidoc/Tutorials：https://openlayers.org/en/latest/examples
Dawn_www·2023-08-08 13:29

openlayers如何实现几何图形重编辑

在做openlayers开发时很多人会遇到需要把前端展示的某个几何图形重新编辑形状的需求，这里我分享一下我的实现流程。
story_in_sh·2023-08-08 13:59
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他