OpenLayers

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

OpenLayers教程：图形绘制之绘制几何图形

OpenLayers的ol.interaction.Draw类实现了交互式绘制几何图形的功能，可以把它看作一个绘制图形的控件，使用合适的参数初始化它，并将它加入地图对象就可以进行交互式的图形绘制。
不睡觉的怪叔叔·2023-08-08 13:58

OpenLayers教程：图形绘制之编辑图形

除了能够交互式地绘制几何图形，OpenLayers还支持我们编辑已经绘制的几何图形。
不睡觉的怪叔叔·2023-08-08 13:58

openlayers6：入门基础（一）

#前言资源：OpenLayers3示例资源：OpenLayers_3_入门教程完整版.pdf#下载官网：https://openlayers.org/download/这里根据自己所需点击下载即可（1）
Dawn_www·2023-08-08 13:58

Openlayers实战：使几何图形适配窗口

Openlayers开发的项目中，有一种应用非常重要，就是绘制或者显示出几何图形后，让几何图形居中并适配到窗口下，这样能让用户很好的聚焦到所要看的内容中去。
还是大剑师兰特·2023-08-08 13:57

openlayers-方向标注

openlayers-方向标注需求给LineString标注方向效果图设计思路设计一个方向箭头图标计算线段方向（LineString可以放很多坐标而线段方向是两点之间）（0，1）（1，2）（2，3）…方式计算每一段的方向角度方向点安放坐标
不玩了啊·2023-08-06 05:07

含内环图形在OpenLayers中展示时空洞被填充

问题产生背景在一次arcgis中图形转到OpenLayers中展示时，发先含有空洞的一个面在展示时，有部分空洞被自动填充了。
秋漓·2023-08-05 21:22

GeoServer 基础教程（五）：使用 GeoServer 和 OpenLayers 发布地图服务

在前面几节的关于GeoServer的基础教程中，我们介绍了如何使用GeoServer发布地图数据等基本的服务器端的操作，这一节我们继续学习如何使用GeoServer和OpenLayers的结合来发布地图服务
心淡然如水·2023-08-03 05:08

OpenLayers入门，OpenLayers如何加载WFS服务的要素资源数据

专栏目录：OpenLayers入门教程汇总目录前言本章讲解如何使用OpenLayers加载WFS服务的要素资源数据。
汤姆猫不是猫·2023-08-02 01:16

OpenLayers入门，OpenLayers如何加载TMS瓦片服务，以腾讯地图TMS图层为例

专栏目录：OpenLayers入门教程汇总目录前言本章讲解OpenLayers如何加载TMS图层服务到地图上，TMS图层介绍请参考《Gis开发入门，OpenLayers、Leaflet、Maplibre-gl
汤姆猫不是猫·2023-08-02 01:46

OpenLayers5绘制点、线、面

Geometrytype PointLineStringPolygonCircleNoneimportMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol/layer/Tile';importVectorLayerfrom'ol/layer/Vector';importOSMfrom'ol/source/OSM';i
WebGiser·2023-08-01 14:27

OpenLayers入门，OpenLayers地图鼠标点击事件使用，点击地图后弹框并显示当前位置经纬度

专栏目录：OpenLayers入门教程汇总目录前言本章主要讲解OpenLayers地图点击事件的使用，以及监听地图点击事件后进行简单弹框并获取当前点击位置的经纬度并显示wgs84坐标位置和度分秒格式经纬度信息
汤姆猫不是猫·2023-08-01 08:34

OpenLayers实战，OpenLayers使用wind-layer插件实现风场动态效果

专栏目录：OpenLayers入门教程汇总目录前言本章讲解如何使用OpenLayers的气象风场插件wind-layer实现气象风场动态效果，该插件除了可用于OpenLayers之外，还可用于mapgl
汤姆猫不是猫·2023-08-01 08:34

Openlayers实战，Openlayers实现一个车辆转向运动轨迹动画，支持根据轨迹运动方向自动改变车头转向角度，无需定时器，丝滑小车转向运动效果

专栏目录：OpenLayers入门教程汇总目录前言本章作为OpenLayers入门文章《OpenLayers入门，OpenLayers动画效果实现，OpenLayers实现轨迹运动动画》的的增强进阶篇章
汤姆猫不是猫·2023-08-01 08:33

OpenLayers实战，Openlayers实现绘制箭头，Openlayers绘制轨迹路径箭头，可调箭头角度和箭头长度

专栏目录：OpenLayers入门教程汇总目录前言在此之前，我们已经实现了基本图形（点、线、圆、多边形）的绘制（OpenLayers图形绘制，OpenLayers实现在地图上绘制线段、圆形和多边形），本章实现一个计算稍微麻烦一点的图形
汤姆猫不是猫·2023-08-01 08:03

Openlayers实战，Openlayers如何设置米作为作为圆形的真实半径，解决圆形半径跟随地图缩放同时缩放的失真问题

专栏目录：OpenLayers入门教程汇总目录前言相信找到这篇文章的同学肯定遇到了Openlayers直接设置圆形半径（radius）单位不准确的问题，而且失真严重。
汤姆猫不是猫·2023-08-01 08:03

Openlayers实战，Openlayers使用浏览器内置IndexDB数据库缓存地图瓦片，优化地图瓦片加载速度和浏览器内存占用

专栏目录：OpenLayers入门教程汇总目录前言在入门教程中，我们已经详细介绍了如何对地图瓦片进行缓存，请参考《Openlayers优化加载地图瓦片太慢的问题，Openlayers瓦片缓存实现和请求失败瓦片重试功能
汤姆猫不是猫·2023-08-01 08:03

OpenLayers入门系列-交流专区，建议和问题反馈

返回总目录：OpenLayers入门教程汇总目录交流专区本博客主要为大家提供一个同博主和大家一起共同交流的平台：1、就是为了方便大家沟通交流，大家可以在本文评论区留言。
汤姆猫不是猫·2023-08-01 08:03

OpenLayers实战进阶专栏目录，OpenLayers实战案例，OpenLayers6实战教程

前言本篇作为OpenLayers实战进阶教程的目录，用于整理汇总专栏所有文章，方便查找。OpenLayers是前端最流行的JS二维地图引擎之一。
汤姆猫不是猫·2023-08-01 08:02

openlayers6 显示mapserver影像

letmapfile=row.dmImageOverview+"//"+row.dmImageId+".map";leturl=this.global.MAPSERVER_PATH;letwmsParam={map:mapfile,LAYERS:row.dmImageId,transparent:true};letrouteLayer=newthis.TileLayer({name:row.dmI
膨胀的泡·2023-08-01 00:24

OpenLayers入门，html原生网页如何使用OpenLayers地图

专栏目录：OpenLayers入门教程汇总目录前言尽管现在大部分网页都是使用vue或者react开发了，但是还是有不少开发者使用的是网页原生html进行开发，或者是老项目维护的需要，所以为了照顾使用html
汤姆猫不是猫·2023-07-28 20:51

OpenLayers入门，OpenLayers如何加载GeoJson多边形、线段、点和区域范围等数据并叠加到OpenLayers矢量图层上

专栏目录：OpenLayers入门教程汇总目录前言前面两章已经讲了OpenLayers如何加载GeoJson数据到矢量图层和webgl图层上，前面两章也是可以支持多边形、线段、点和区域范围灯数据加载的，
汤姆猫不是猫·2023-07-28 20:20

OpenLayers入门教程汇总目录，OpenLayers教程，OpenLayers中文文档，OpenLayers手册，OpenLayers6文档教程，OpenLayers7中文手册

前言本篇作为OpenLayers入门教程的目录，用于整理汇总专栏所有文章，方便查找。OpenLayers是唯一可以支撑百万数据量点位的JS二维地图引擎。
汤姆猫不是猫·2023-07-28 20:20

OpenLayers实战，OpenLayers实现多个车辆运动轨迹动画和迁徙图效果，车头自动转向，方向根据轨迹方向自动转向，无需定时器

专栏目录：OpenLayers入门教程汇总目录前言本章在《OpenLayers入门，OpenLayers实现多个轨迹运动动画效果，也可以实现二维地图迁徙图效果》基础上实现多个车辆船舶运动轨迹动画效果，并支持车头方向根据轨迹方向自动转向
汤姆猫不是猫·2023-07-28 20:20

OpenLayers入门，OpenLayers地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系

专栏目录：OpenLayers入门教程汇总目录前言OpenLayers地图初始化时如何设置默认缩放级别、初始化时设置默认地图中心点、设置最大缩放级别和最小缩放级别，超过缩放级别用户无法再放大和缩小，和设置默认坐标系
汤姆猫不是猫·2023-07-28 20:48

openlayers根据id添加/删除图片图层

按照id来删除使用时调用方法即可functionclouds2d(){olMap.addLayer(newol.layer.Image({source:newol.source.ImageStatic({url:'../../public/img/12.png',imageExtent:extent,projection:"EPSG:3857",imageExtent:ol.proj.transf
江苏省精神病院玛主任·2023-07-28 01:21

openlayers点线面绘制工具栏

效果大概如上，点击了按钮之后在地图上绘制相对应的点/线/面。代码部分：首先放个容器js部分（因为地图已经创建好了，我这里就不放地图的代码了，如果需要可以看我上个帖子）//绘制点线面工具//创建绘制点的交互对象vardrawPoint=newol.interaction.Draw({type:'Point',source:newol.source.Vector({features:newol.Col
江苏省精神病院玛主任·2023-07-28 01:21

Vue+Openlayers实现输入坐标在地图上打点定位显示并以该点为中心放大

场景Openlayers中使用animate实现车辆定位导航效果(以当前车辆为中心移动)：Openlayers中使用animate实现车辆定位导航效果(以当前车辆为中心移动)_霸道流氓气质的博客-CSDN
霸道流氓气质·2023-07-28 01:50

Openlayers中实现地图上打点并显示图标和文字

场景Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details
霸道流氓气质·2023-07-28 01:20

openlayers根据下拉框选项在地图上显示图标

这里是关于一个根据下拉框的选项在地图上显示图标的需求，用的是vue+openlayers显示效果大概是这样：选中选项之后会跳转到所点击的城市，并且在地图上显示图标+温度，这一块UI没设计我就大概先弄了一下
江苏省精神病院玛主任·2023-07-28 01:48

openlayers 鼠标浮动要素上弹窗显示要素信息

项目中要求鼠标hover到要素时候，在要素位置弹窗，并在框内显示要素的信息。怎么才能具体弹窗到那个位置呢，原来ol官方有个弹窗实例，跟着new就完事了。上效果图map构造完之后popup添加到map中。//这段代码是mounted中执行的，只要是在初始化map之后执行就行。两个事件二选一使用。map.on('pointermove',this.feature_Info);//悬浮显示map.on(
꧁꫞꯭伟꯭伟꯭꫞꧂·2023-07-28 01:40

vue3+openlayers画点、画线

import{defineComponent,ref,onMounted}from'vue'importMap2from'ol/Map';importOSMfrom'ol/source/OSM';importTileLayerfrom'ol/layer/Tile';importViewfrom'ol/View';importZoomSliderfrom'ol/control/ZoomSlider'
想不到耶·2023-07-27 07:20

openlayers系列：加载arcgis和geoserver在线离线切片

https://www.freesion.com/article/1751396517/1.背景有个项目需要使用openlayer加载各种服务上发布的数据，坐标系也不同，我们都知道openalyer默认可以加载EPAG:3857,要加载4490的坐标系的数据需要重新定义一下，之后再加载。一想起要重新定义坐标系感觉很难，就想放弃，其实静下心了做一下也没那么难。在此做个简单的记录，要加载的数据如下：1
西北码农·2023-07-24 23:54

常见地图瓦片的下载和调用（Openlayers）

瓦片下载工具：全能电子地图下载器。1、OSM（OpenStreeMap）地图(坐标系EPSG:3857)（1）在全能电子地图下载器上选择地图-》其他-》OpenStreeMap，然后选择坐标范围、地图级别、存储目录，然后点击开始下载。image.png（2）这里下载了0-3级的地图瓦片（roadmap），其中0级（1张瓦片），1级（4张瓦片），2级（16张瓦片），3级（64张瓦片）image.pn
WebGiser·2023-07-24 08:28
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他