Openlayer

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

使用PostGIS+GeoServer+Openlayer+Vue构建简单的web地图应用

一、将shx通过postgis导入1、创建数据库2、右键–>新建对象–>新建扩展3、菜单栏点击插件–>打开postgis也可通过开始菜单注意点：文件路径不可有中文，文件格式应为utf-8刷新之后会出现新的数据表二、设置geoserver1、新建工作区2、创建数据存储3、创建样式4、发布图层步骤：1、新建图层点击发布–>2、设置边框–>3、点击第三张图的发布–>4、选择line–>5、点击保存–>6
从南慕白·2023-08-08 06:17

openlayers-方向标注

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

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

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

geoserver使用postgis数据进行矢量切片，并用openlayer加载

将shp数据导入postgis中geoserver导入postgis数据openlayer加载有个问题，就是实时更新数据库中的数据后，之前已经切片过要素数据不会更新，而缩放另一个视图层级，数据又是更新的
疆~·2023-08-03 16:52

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默认可以加载
西北码农·2023-07-24 23:54

JSTS介绍

JSTS简介JSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库，JSTS也是Java类库JTS的一个接口，且与OpenLayer3具有互操作性。
无主之作·2023-07-24 20:51

常见地图瓦片的下载和调用（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

解决OpenLayers加载鹰眼图时出现的闪烁空白问题

解决OpenLayers加载鹰眼地图时出现的闪烁空白问题问题描述分析原因解决方案问题描述上次使用OpenLayers加载了天地图，但是在加载OverviewMap时，会出现视图闪烁，要么鹰眼图空白，要么主视图空白等问题
GIS小猪·2023-07-22 20:10

openlayers基础使用和一些简单交互

引入文件创建dom节点定义样式必须要定义好长和宽才能正常使用.map{height:400px;width:100%;}初始化varmap=newol.Map({controls:ol.control.defaults({attribution:false,rotate:false,zoom:false}),target:'container',layers:[newol.layer.Tile({
hainuo·2023-07-22 17:15

JavaScript： 解决问题： 解决在程序运行时，为函数 动态的传入不同个数的参数

JavaScript：解决问题：解决在程序运行时，为函数动态的传入不同个数的参数天有行-地无迹-千秋怎堪一剑扫2019-11-2716:39:2942收藏分类专栏：grammarjavaScript版权一、背景openlayer
不玩了啊·2023-07-22 09:32

vue3+vite+pinia+vue-router搭建环境

前提：前面已经创建一个项目，涉及到vue3、vite、pinia、vue-router、openlayers创建的命令行及对应版本。接下来，是整个项目的详细配置。
影子信息·2023-07-21 15:08

Android MapBox 使用详解

其余的地图工具比如OpenLayers、OpenStreetMap等；因为其余的地图大多没有Android和IOS的sdk支持，
gc都无法回收的垃圾·2023-07-18 01:36

Openlayers实战：加载SHP文件

在OPenlayers的交互中，经常性的我们要加载一些数据，在这个实战中，演示的是加载SHP文件。SHP是用于表示ESRIShapefile的主要文件类型之一的文件扩展名。
还是大剑师兰特·2023-07-18 00:47

vue+openlayers 点击地图查询geoserver发布的WMS/WMTS图层的信息[矢量(点、线、面)+栅格]

一、基本介绍网络地图服务(WMS)、网络地图切片服务(WMTS)，根据用户的请求返回相应的地图（包括PNG，GIF，JPEG等栅格形式或者是SVG和WEBCGM等矢量形式）。下面是常见的geoserver发布的图层格式，有矢量图层（点、线、面），或栅格图层（具体概念不再赘述）不论是WMS或者是WMTS，大部分请求回的是图片格式，所以我们没有办法直接获取到当前点击点的信息，但实际工作中，我们经常要查
冰雪为融·2023-07-17 15:11

openlayers+wms 发送post 请求

需求：因为我们项目中有需求需要传sld_body动态修改wms的样式，但是由于sld_body太长了，导致headers请求头太长，请求不成功，所以就想到了用post请求wms核心代码：借助tileLoadFunctiontileLoadFunction:function(image,src){varimg=image.getImage();if(typeofwindow.btoa==='func
冰雪为融·2023-07-17 15:11

前端切图仔如何玩转webgis开发酷炫界面实战项目经验指南

主要技术栈是Vue+OpenLayers+地图，下面会分享一些我用WebGIS开发的大致路线和入门知识，以及项目实战经验，如有不妥之处，还请批评纠正，也欢迎大家一起探讨学习。
懒人码农·2023-07-17 00:11

Element+Vue+OpenLayers的项目实战

WebGISElement+Vue+OpenLayers的项目实战使用npm配置开发环境Vue的安装npm安装vue-cli脚手架构建工具安装桥接工具运行项目使用npm配置开发环境开发是项目级别的，则需要使用
Mr Robot·2023-07-16 17:13

WebGIS 信息系统-Element项目实战

WebGIS信息系统-Element项目实战Element的安装OpenLayers的安装采用直接引用的方式配置开发环境下载Vue文件下载Element文件下载OpenLayers文件Element的安装在项目的根目录中
Mr Robot·2023-07-16 17:13

Element+Vue+OpenLayers webgis实战

WebGIS信息系统-Element+Vue+OpenLayersElement+Vue+OpenLayers项目某校园的遥感影像作为底图多语言切换各种语言的配置文件自定义主题样式切换组件过渡动画Element
Mr Robot·2023-07-16 17:38

Openlayers实战：加载Bing地图

在Openlayers其内置了Bing地图的方法，可以研究其API。我们的实战中是要其成为一个底图，很简单的就可以加载出来。
还是大剑师兰特·2023-07-15 18:29

Openlayers实战：多地图底图切换

在Openlayers实战中，我们用三种地图做demo，分别是谷歌地图。Openstreetmap，stamen地图。切换的主要原则是设置三个底图层，设定其显示状态，用到了visible这一个属性。
还是大剑师兰特·2023-07-15 12:42
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他