E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Openlayer
java 调用sql server视图_Geoserver sql查看参数搞乱了postgis函数调用
我已经设置了一个
openlayer
shtml窗口,它与geoserver平台进行通信.Geoserver通过参数视图连接到数据库,其中整个“where”子句是参数.我的问题是,当我在我的数据库上创建一个
菲菲ruby
·
2023-01-31 11:17
java
调用sql
server视图
OpenLayer
s之popup弹出框
代码说明:html文件中添加map的div和弹框的divjs文件中,创建一个覆盖来锚定弹出到地图。创建地图,向地图添加一个单击处理程序以呈现弹出窗口添加一个单击处理程序来隐藏弹出窗口html文件popup弹出框.map{width:100%;height:90%;}.ol-popup{position:absolute;background-color:white;-webkit-filter:d
多智而近妖精
·
2023-01-31 02:09
移动端使用
openlayer
s加载手绘地图
最近做了个关于手绘地图的项目,使用
openlayer
s渲染,加载速度和渲染效果都很不错。参考资料:
openlayer
s文档地址:https://
openlayer
s.org/en/latest/api
银月silvermoon
·
2023-01-30 19:58
openlayer
s3在Vue中鼠标右键取消绘制方法
//本文是介绍右键取消绘制的一种解决方式,以下代码是从其他项目代码中抽取关键部分仅供大致参考,并不是完整的实例代码,请读者注意。//初始化map以及添加一个底图图层initMap(){letself=this;...self.map=addmap(self.center,self.resolutions,self.resolution,self.targetmap);self.addInterac
我是兰小莫
·
2023-01-30 10:08
Cesium基本图形绘制
之前用
openlayer
s开发二维地图的时候,绘制点、线、面、圆、矩形、椭圆是基本的功能,所以在cesium地图中也可以加入这些功能。
写前端的大叔
·
2023-01-28 07:10
一、Vue初遇
OpenLayer
s
1、npm安装npminstallol2、HTML代码3、引入
openlayer
s必须组件importMapfrom'ol/Map'importViewfrom'ol/View'import{fromLonLat
Rain_Wuu
·
2023-01-27 01:20
关于DEJA_VU3D - Cesium功能集专栏说明
工作中难免要接触到相关开发框架,对Cesium,Three.js,
openlayer
,skyline等二三维开发框架的了解和运用还算可以!^_^!。
总要学点什么
·
2023-01-26 02:13
DEJA_VU3D
-
Cesium功能集(附源码)
Cesium
VUE
WebGL
Three.js
javascript
vue集成
openlayer
s问题
目录vue集成
openlayer
s下载依赖创建地图文件其他APIvue
openlayer
s绘制数据时鼠标位置偏移问题解决方案总结vue集成
openlayer
s下载依赖cnpmi-Sol创建地图文件 按需引入相应的
·
2023-01-25 03:30
SpringBoot项目修改JDK后报错(class file version 55.0)
项目中更换JDK,由jdk9换到jdk11报错信息java.lang.UnsupportedClassVersionError:org/zjh/
openlayer
sdemo/
Openlayer
sdemoApplicationhasbeencompiledbyamorerecentversionoftheJavaRuntime
卑微猿同学
·
2023-01-10 03:59
Spring
boot
项目
spring
jdk
openlayer
s6 踩坑系列(三)绘制和编辑(矩形,圆,多边形,点,线)
重要:博客内使用地图全替换为WMap,想使用的请参考我这篇博客(WMap)最近在做矢量图形这一块,发现圆形和多边形,都可以使用
openlayer
s自带的Modify类进行编辑,然后随意放大缩小旋转,但是矩形尤为特别
林大大哟
·
2023-01-07 20:17
openlayers
css
css3
前端
192:vue+
openlayer
s: 选择feature,弹窗操作,删除所选feature
第192个点击查看专栏目录本示例的目的是介绍如何在vue+
openlayer
中使用select来选择feature元素,选择的过程中弹窗出现删除和关闭按钮,删除的内容是selected的feature,
还是大剑师兰特
·
2023-01-05 12:35
vue.js
javascript
openlayers删除
【GIS开发】
OpenLayer
s在线瓦片数据源汇总
文章目录1、概述2、地图数据源2.1Google2.2OpenStreetMap2.3Thunderforest2.4Mapbox2.5ArcGIS2.6Bing地图2.7高德地图2.8百度地图2.9搜狗地图2.10腾讯地图2.11天地图3、ol.source.Tile结语1、概述瓦片地图(切片地图)源于一种大地图解决方案,针对一整块非常大的地图进行切片,分成很多相同大小的小块地图,在用户访问的时
爱看书的小沐
·
2022-12-29 20:06
GIS
gis
3d地球
瓦片
地图
webgis
openlayer
s 点聚合并添加点击事件
openlayer
s点聚合并添加点击事件222//selfMap.OlMap===map/*监听地图的单击事件,如果点击的是矢量元素则进行相关操作*/selfMap.OlMap.on('click',(
Spinach
·
2022-12-27 14:05
openlayer
s学习笔记(一)新手入门干货
openlayer
s学习笔记(一)新手入门干货一、自言自语的个人感觉。
java_yhz
·
2022-12-22 03:14
互联网
JS
openlayer入门
实战入门Canvas
今天给大家代码一篇前端Canvas开发实战(你要知道WebGIS中很多图层覆盖物等元素都是通过Canvas渲染的,因为我们经常调用常用的API,如
OpenLayer
或Leaflet,并不知晓其源码中逻辑道理
dinxin横刀一笑
·
2022-12-20 17:21
前端
Canvas
主流webGis框架优劣比较
选择的方式主要是根据业务需求,主要分为:传统GIS业务(Leaflet),三维业务(Cesium),互联网展示型(MapboxGL),老IE浏览器,老业务维护(
OpenLayer
s)。
莫问前程F6
·
2022-12-20 17:20
webGis
echarts
javascript
前端
CSS 与 地图可视化 实心圆篇 (五)
地图可视化来到Css篇章了,这次一口气是兼容了7个地图引擎,这次直接上包应用类库兼容地图引擎有mapboxmaptalksarcgis4leaflet
openlayer
高德地图百度地图在线安装npmi@
haibalai2009
·
2022-12-18 19:27
css
arcgis
前端
CSS 与 地图可视化 雷达篇2 (七)
地图可视化来到Css篇章了,这次一口气是兼容了7个地图引擎,这次直接上包应用类库兼容地图引擎有mapboxmaptalksarcgis4leaflet
openlayer
高德地图百度地图在线安装npmi@
haibalai2009
·
2022-12-18 19:27
css
arcgis
前端
CSS 与 地图可视化 波纹圆 (四)
地图可视化来到Css篇章了,这次一口气是兼容了7个地图引擎,这次直接上包应用类库兼容地图引擎有mapboxmaptalksarcgis4leaflet
openlayer
高德地图百度地图在线安装npmi@
haibalai2009
·
2022-12-18 19:56
css
arcgis
前端
(
openlayer
s mapbox supermap cesium)
好奇,你们gis都是怎么上手的,我感觉直接去看官网对于新手来说好难搞呀,而且网上相关的教学资源好少,且大部分是不详细不够系统的...有那种“把学习者当笨蛋的”的资源推荐吗?救救孩子吧,我感觉我要被这个东西搞死了。
Spinach
·
2022-12-05 22:32
openlayer
s天地图叠加geoserver图层,并对包含多个图层的图层进行过滤
描述项目要求模拟设备水位,叠加图层显示淹水的区域。运用滚动条来模拟水位,获取该设备的图层列表,再根据模拟数值显示对应图层。一个个叠加图层先筛选后端接口返回的图层,再一个个叠加显示。要求geoserver发布多个图层,再根据数据进行筛选。缺点:需要在geoserver一个范围发布一个图层,一个设备要发布多个图层,太繁琐。this.addView=[{addTime:"2021-08-2317:12:
v_loading
·
2022-12-02 21:09
vue
openlayers
geoserver
vue
利用
OPENLAYER
S将矢量数据叠加到在线地图上
具体做法是:我们利用QGIS叠加在线地图和已有数据,并生成一个
OPENLAYER
S的WEBGIS应用。将我们的已有数据叠加到谷歌地图上进行展示。
qq_35582643
·
2022-12-02 20:57
webgis
openlayers
谷歌地图
高德地图
vue使用天地图、
openlayer
s实现多个底图叠加显示
实现效果:需求:根据返回的经纬度列表通过天地图、
openlayer
s实现底图添加(航道图层、线图层、水深图层)tk:自己申请的密钥安装opelayerscnpmi-Sol#或者npminstallol/
船长在船上
·
2022-12-02 20:08
Vue
openlayers
前端开发
vue
关于地图
openlayer
s layers 使用TileArcGISRest发布到环境后图片空白改用 XYZ,以及多个layers叠加
1.原先mapLayer=newTileLayer({visible:true,source:newTileArcGISRest({url:‘’})});所有图片都报了500的错误然后点击还是能够选择到地理位置2.几经波折后改为xyz切片{{clickCenter}}-->import'ol/ol.css';import{Map,View,Feature}from'ol';importTileGr
雪球
·
2022-12-02 20:04
前端
地图
openlayers
vue
【ol】事件类型
本文主要学习
openlayer
s的Event模块相关源码BaseEvent
Openlayer
s根据W3CDOMLevel2Event接口简化实现了自己的事件类,它只提供了type和target属性以及preventDefault
·
2022-11-30 08:10
openlayers源码学习
Vue结合
openlayer
s按照经纬度坐标实现锚地标记及绘制多边形区域
目录前言1.安装
openlayer
s2.引入模块3.地图与弹窗html样式4.data数据定义5.methods方法6.mounted数据加载7.锚地数据获取前言本文介绍vue结合
openlayer
s实现根据返回的经纬度坐标完成锚地标记
·
2022-11-21 18:20
Openlayer
s实现根据半径绘制圆形
目录期望效果写在前面绘制圆形添加圆形标识绘制连线标注距离实现一个什么效果呢,就是在
openlayer
s上面,绘制三个圆形,绘制完成之后,三个圆心连接起来,然后标记出每两个圆心之间的距离。
·
2022-11-21 18:19
Vue使用
openlayer
s实现绘制圆形和多边形
目录绘制圆形绘制多边形绘制编辑多边形完成绘制这个地方我就简单点写吧,因为一些东西比较乱,有的包啥的就按照官网API开发文档根据报错提示自己添加就可以了,我这个地方就不重复写了。绘制圆形这里的绘制圆是指当后台返回数据,告诉你以某个经纬度坐标为圆心,或者是顶点,以r为半径绘制,不是鼠标手动绘制。首先绘制圆,首先有一个数据源和一个图层来存放绘制的圆形,这个很简单。然后创建变量自己该就可以,我估计都搞op
·
2022-11-21 18:19
Openlayer
add mark及添加hover效果实例详解
目录addmark方法一方法二geojson格式hovermarkpopover方法一方法二clearmark方法addInteraction、addOverlay、addLayer区别addmark方法一如果有多个点的话,可以生成多个feature(循环调用addFeature)consticonStyle=()=>newStyle({image:newIcon({scale:0.2,src:i
·
2022-11-21 18:10
openlayer
自定义投影坐标系
openlayer
默认只提供了EPSG:4326和EPSG:3857这两种坐标系,在实际的生产环境中我们往往需要自定义坐标系。
rookiepm
·
2022-11-10 11:07
Gis
openlayer
自定义坐标系
比例尺显示错误
openlayer
s自定义坐标系&加载自定义坐标系图层
此篇博客主要介绍
openlayer
s自定义坐标系及过程中的一些坑.功能开发的过程比预计复杂的多,主要是要彻底弄明白GIS相关开发图层分辨率矩阵集原理,图层加载行列号缩放等级其实都是由此计算出来的.自己也是因此走了许多弯路
花自飘凌水自流
·
2022-11-10 11:33
GIS
gis
SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)
场景若依前后端分离版手把手教你本地搭建环境并运行项目:若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客SpringBoot+Vue+
Openlayer
s
霸道流氓气质
·
2022-11-07 12:35
架构之路
spring
boot
vue.js
后端
vue利用
openlayer
s实现动态轨迹
gis初学者可能对
openlayer
s(后面简称ol)不熟悉,这里暂时不介绍ol了,直接上代
·
2022-11-07 09:45
【WebGIS】一、基于VUE来构建一个WebGIS项目
项目1.安装node.js2.搭建VUE环境3.创建vue项目3.1用cmd命令创建项目3.2停止启动的项目3.3Vue3项目文件说明3.4VScodevue代码规范插件4.安装Element包5.安装
Openlayer
s
xiaobai_1900
·
2022-11-02 00:54
vue.js
javascript
前端
【vue-
openlayer
s】Hello
Openlayer
s
微信订阅号:Rabbit_svip
Openlayer
s是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包,用于显示地图及空间数据,并与之进行交互,具有灵活的扩展机制。
德育处主任Pro
·
2022-11-02 00:39
uniapp加载
openlayer
s 组件通信
renderjs是uni-app中一个运行在视图层的JS。可在App端和H5页面上运行。renderjs的主要作用有2个:(1)极大地减少了逻辑层(service)和视图层(view)的通讯损耗,提供高性能视图交互能力。纵然逻辑层和视图层分离的好处不容忽视,但例如Android端和小程序的高性能应用制作造成两层之间的通信阻塞迫使我们不得不放弃采用这种技术。由于renderjs运行在视图层,可以直接
地科大宝贝
·
2022-11-02 00:58
uni-app
gis
【开源WebGIS】05-
Openlayer
s访问GeoServer发布的WMS数据并添加标注
书接上回,我使用GeoServer发布了服务【开源WebGIS】02-矢量数据传入PostGIS+发布GeoServer服务+QGIS符号化,并进行了配色。接下来在前端对服务进行了调用显示,效果如下:今天实现的是属性的标注,效果如下:实现步骤如下:原本以为是可以通过调用WMS的属性或者什么方法可以在前端获取shp要素的属性表信息,请教了大佬之后发现不是这样的。实现标注的方法是在符号化时就加上标注,
老靳的WebGIS
·
2022-11-02 00:26
开源WebGIS
开源
前端
OpenLayer
s入门(一)
Openlayer
s入门教程
OpenLayer
s入门(一)1、什么是
OpenLayer
s?
GIS笑笑生
·
2022-11-02 00:50
javascript
vue.js
前端
【GIS开发】
OpenLayer
s入门学习(JavaScript库)
文章目录1、简介2、快速入门2.1在线库快速入门2.2本地库快速入门2.3nodejs快速入门2.4vue快速入门2.5python快速入门3、基本概念3.1ol.map3.2ol.view3.3ol.layer3.4ol.source3.5ol.control3.6ol.interaction4、ol.source分析4.1OpenStreetMap4.2Thunderforest4.3ArcG
爱看书的小沐
·
2022-11-02 00:19
GIS
javascript
openlayers
gis
webgis
nodejs
SpringBoot+Vue+
OpenLayer
s6完成前后端分离的WebGIS项目(整体介绍)
在前面的博客中,我们学习了SpringBoot、学习了Vue、也学习了
OpenLayer
s,并且也都基于它们做了实战的小项目,现在我们要把这些目前市面上非常流行的技术融合在一起开发一个WebGIS项目。
MagicMHD
·
2022-11-02 00:12
springboot框架
OpenLayers
vue
前端等值线分析DEMO
今年的又一轮疫情封闭在家,再次把JavaScript版的改用TypeScript改写,并使用leaflet、
OpenLayer
s、ECharts等进行了叠加显示测试。
老郭1
·
2022-11-02 00:41
气象
等值线
色斑图
webgjs
JavaScript
【开源WebGIS】06-
Openlayer
s+Vue 画点、线、面
openlayer
s画点、线、面实现效果实现步骤1定义几个按钮按钮这里用的elementui画点画线画面画圆清除2定义按钮的点击事件主要步骤:清除Interaction判断按钮类型如果是画东西的按钮就执行
老靳的WebGIS
·
2022-11-02 00:08
开源WebGIS
前端
sqlserver
在
Openlayer
中添加 mark,并添加 hover 效果
addmark方法一如果有多个点的话,可以生成多个feature(循环调用addFeature)consticonStyle=()=>newStyle({image:newIcon({scale:0.2,src:image})});constaddFeature=(point:Coordinate)=>newFeature({geometry:newPoint(Proj.fromLonLat(po
·
2022-10-31 00:13
OpenLayer
s6学习笔记(四)—— 图层切换
importReact,{useRef,useState,useEffect}from'react';import{Map,View}from'ol';importTileLayerfrom'ol/layer/Tile';import{defaults}from'ol/control';import{fromLonLat}from'ol/proj';import{OSM,Stamen,BingMa
·
2022-10-20 22:20
前端javascript
OpenLayer
s6学习笔记(二)—— 地图控件
一.控件简介归属控件(Attribution):展示地图资源的版权或归属,默认加入到地图中。全屏控件(FullScreen):控制地图全屏展示。坐标拾取控件(MousePosition):显示鼠标所在地图位置的坐标。鹰眼控件(OverviewMap):地图的一个概览图。比例尺控件(ScaleLine):地图比例尺。旋转控件(Rotate):控制地图旋转,默认加入到地图中,alt+shift+左键旋
·
2022-10-18 11:50
前端javascript
vue2结合
openlayer
s添加arcgis 地图切片服务
1.创建vue项目vuecreateol-app2.下载ol依赖包npmi-sol3.创建组件Map.vueimport"ol/ol.css";importTileLayerfrom"ol/layer/Tile";importProjectionfrom'ol/proj/Projection';importTileGridfrom'ol/tilegrid/TileGrid';importXYZfr
L.傲骨雄风
·
2022-10-14 13:56
arcgis
desktop
arcgis
javascript
vue.js
百度地图离线开发demo(vue+
openlayer
s6+百度瓦片)
公司需求开发离线地图功能。搜索学习,踩坑,试验(由于参考借鉴了n多文章,就不分别贴出对应文章了。。。),最终整合了一套集成vue的离线地图开发方案,文章将分享一整套的解决方案思路与方式。后续分为各个功能分享,整个项目demo我也会放出。ol为npm安装的方式,同时也有ol5cdn引入的方式,示例有用ol5和ol6加载地图,其他demo的主要功能我采用npm安装ol6后,按需引入开发。采用ol的方式
oliver666666
·
2022-10-14 13:53
vue.js
学习
javascript
OpenLayer
基于vue的封装使用
前言公司项目使用了
openlayer
作为2d平面地图来使用,之前没有接触过,开一篇文章记录一下。顺便捋一下代码里面封装的结构。
·
2022-10-13 10:18
OpenLayer
s6学习笔记(一)—— 初始化一个地图
一.
OpenLayer
s概述Map、Layer、Source和View是
OpenLayer
s框架体系中的核心类,几乎所有的动作都围绕这几个核心类展开,以实现地图的加载与其相关操作。
·
2022-10-12 16:08
前端javascript
离线使用mapbox(去掉token验证)(mapbox篇.1)
GIS之家总目录(订阅之前请先查看该博客)GIS之家:
openlayer
+mapbox+arcgisapiforjs等相关内容的介绍地图之家总目录地图之家:cesium+leaflet+地图数据+地图工具等相关内容的介绍一
GIS之家家长
·
2022-09-28 00:47
GIS之家
mapbox
离线使用
token
token验证
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他