openlayer 第9页

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

uniapp使用高德的离线地图

：使用uniapp开发原生android和ios，要做一个离线地图的操作，无网的情况下能正常查看地图，只是前期的demo演示，不做特别详细的说明使用高德地图相关的配置和申请去官网就可以（不想细说）使用openlayer

weixin_43877575·2023-06-23 16:14

openlayers瓦片的使用

OpenLayers是一个用于WebGIS客户端的地图开发库，支持多种地图。在使用瓦片时，先将自己需要的瓦片下载，下载好的瓦片会分层，越高的层级瓦片的数量余额多。

掉头发类型的选手·2023-06-23 05:48

openlayers加载天地图

一、openlayers加载天地图letthat=this;//普通地图that.layer.tiandituVecLayer=newTileLayer({title:'generalMap',source

小仙有礼了·2023-06-23 00:49

OpenLayers6（5）：基于kriging.js实现插值渲染图

1版本OpenLayers：6.4.32相关配置importkrigingfrom'@sakitam-gis/kriging';3使用kriging.js3.1数据准备待准备数据以通用的geojson数据格式即可待插值得矢量点数据

碰碰qaq·2023-06-21 05:18

利用Openlayers4实现地图遮罩效果（二）

效果对比在之前实现的遮罩效果《利用Openlayers4简单实现地图遮罩效果（一）》，在深色背景的底图上，对要突出的区域采用半透明遮罩，以此来突出该区域。

此爱如少年·2023-06-18 04:54

openlayer系列：openlayer中切换卫星图和普通地图，默认普通地图，点击切换卫星图，并且地图掩模显示部分区域

openlayer中切换卫星图和普通地图，默认普通地图，点击切换卫星图，并且地图掩模显示部分区域我们可以按照以下步骤实现OpenLayers中切换卫星图和普通地图，并在地图中添加掩模显示部分区域的功能：

浪潮行舟·2023-06-18 04:20

WebGIS入门

文章目录见的开源WebGIS平台1.uDig2.QGIS3.GeoServer4.MapServer5.OpenLayers6.OpenScalesWebGIS（网络地理信息系统）是指基于网络平台，客户端应用软件采用网络协议

Mr Robot·2023-06-16 17:16

layui 解决弹出层layer.open不在顶层问题

在使用layer.open时，常常要在弹窗中再进行弹窗；有时候会出现第二次弹窗不是在最顶层的情况，通过添加zIndex和parent可以解决这个问题//父级openlayer.open({title:"

silenceXl·2023-06-15 16:18

Vue+Openlayer使用overlay实现弹窗弹出显示与关闭

场景Vue+Openlayers实现地图上绘制线：Vue+Openlayers实现地图上绘制线_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上实现点击地图，弹窗显示并获取点击处的坐标

霸道流氓气质·2023-06-15 16:45

OpenLayers.js 入门教程：打造互动地图的入门指南

theme:smartblue本文简介戴尬猴，我是德育处主任本文介绍如何使用OpenLayers.js(后面简称ol)。ol是一个开源JavaScript库，可用于在Web页面上创建交互式地图。

德育处主任Pro·2023-06-13 19:15

OpenLayers +ImageStatic 绘制静态图片

随着地图的放大而放大1663296423115.png1663296435302.png二、引入静态图片importstaticImagfrom'@/assets/img/map/2.jpeg'三、引入openLayersimport'ol

冰落寞成·2023-06-13 01:16

使用QGis 对同一区域的卫星图片和道路地图配对输出

学了没记等于没学--贺浩上次用qgis做了openstreet的地图输出，完全没有任何记录，现在重新学并记下来工具QgisOpenlayerplugin暂时先这么开始使用openlayer加载osm和bingaerial

Mouse_HH·2023-06-13 00:33

java+iClientOpenlayers实现污水排放扩散模拟（湖库污染排放扩散模拟）

软件实现效果一、应用背景湖库污染是一个日益严峻的环境问题。随着城市化和工业化的加速发展，越来越多的有害物质被排放入湖库中，导致湖库污染加剧并扩散到周围地区。本文将探讨湖库污染扩散的原因、影响和解决方法。首先，湖库污染扩散的原因主要是由于人类活动所致。工业废水、生活污水和农业污染物等有害物质被排放到湖库中，导致湖库水质恶化，从而加剧了湖库污染。此外，城市化和工业化也使得湖库周围的土地遭受到了污染，从

兴诚·2023-06-12 18:29

java+iClient Openlayers实现土壤墒情旱情灾害模拟预报预警分析

应用及软件实现效果图：一、应用背景作为一个农村长大的人，我非常关注自然灾害和气候变化对土地旱情墒情影响。近年来，干旱和洪涝灾害在很多地方频繁发生，给人们的生命财产安全带来了极大的威胁。因此，旱情和墒情模拟成为了一个非常重要的研究方向，旨在提高我们对气候变化的预测能力和应对能力。通过模拟旱情和墒情，我们可以更好地了解土壤湿度、植被覆盖、降水等因素对干旱和洪涝灾害的影响，从而更好地制定应对措施，保护人

兴诚·2023-06-12 18:28

java+openlayer实现大气污染扩散模拟反演

一、模拟参数及效果二、应用背景大气污染是当今社会面临的一个重要问题。随着工业化和城市化的进程，大气污染问题变得越来越严重。为了更好地应对这个问题，许多科学家和研究人员开始探索大气污染扩散反演技术。大气污染扩散反演技术是一种通过数学模型和观测数据分析，来推算出大气污染物的来源和扩散规律的方法。这种技术可以帮助我们更准确地评估大气污染物的排放量，预测污染物传输路径和污染物扩散范围，进而制定更有效的环境

兴诚·2023-06-12 18:25

010：vue中el-table 隐藏表头的两种方法

第010个查看专栏目录:VUE—elementUIecharts，openlayers，cesium，leaflet，mapbox，d3，canvas免费交流社区专栏目标在vue和elementUI联合技术栈的操控下

还是大剑师兰特·2023-06-12 02:38

vue2常用示例500+【目录】

查看专栏目录:按照VUE知识点------按照elementUI知识点echarts，openlayers，cesium，leaflet，mapbox，d3，canvas免费交流社区本目录主要列出vue2

还是大剑师兰特·2023-06-12 01:11

element UI 常用示例 100+ 【目录】

查看专栏目录:按照VUE知识点------按照elementUI知识点echarts，openlayers，cesium，leaflet，mapbox，d3，canvas免费交流社区本目录主要列出elementUI

还是大剑师兰特·2023-06-12 01:11

008：vue中el-upload不显示上传的文件列表

第008个查看专栏目录:VUE—elementUIecharts，openlayers，cesium，leaflet，mapbox，d3，canvas免费交流社区专栏目标在vue和elementUI联合技术栈的操控下

还是大剑师兰特·2023-06-12 01:10

Leaflet实现地图按照行政区划遮罩

我们使用Leaflet进行GIS地图应用开发时，有时候需要仅仅显示某个区域的地图，上一篇文章我分享了使用OpenLayers实现的方法与代码，那么使用Leaflet如何实现呢？

怪兽地图·2023-06-09 20:01

Leaflet 实现使用GeoJSON进行行政区域剪裁，非矢量图层覆盖

前几天利用OpenLayers做了一个使用GeoJSON数据按行政区域剪裁栅格图层的案例，然后有使用Leaflet的朋友也想实现这样的效果。

战斗中的老胡·2023-06-09 20:01

vue openlayer GisMap QGis 点击交互 MultiLineString 样式高亮

第一步，解决点击事件//引入openlayer相关的包import{ImageasImageLayer}from'ol/layer';import{ImageWMS}from'ol/source';//

屋昂仼·2023-06-09 16:28

mapbox矢量切片_Cesium 加载矢量切片(MapBox Vector Tile)求职学习资料

下面是Cesium加载MVT矢量切片的代码，由于样式渲染使用的了openlayers，

weixin_39897746·2023-06-06 22:29

mapbox矢量切片标准_Cesium 加载矢量切片(MapBox Vector Tile)

下面是Cesium加载MVT矢量切片的代码，由于样式渲染使用的了openlayers，

彭有·2023-06-06 22:59

Cesium 加载mapboxgl最新失量切片(mvt)

#原因参照Openlayers提供的样式加载，发现样式没有mapboxgl加载好看，如果更换mapboxgl版本或者采用自发布地图，还需要调整代码，因此参考mapboxgl底层，重新进行了优化#思路传入

tufeibobo·2023-06-06 22:58

米与度的转换

长度转经纬度degree=meter/(2*Math.PI*6371004)*360=meter/(Math.PI*6371004)*180;openlayers:meter/111194米转度6371000

happy_port·2023-04-21 10:49

vue+openlayers构建第一个项目

第一步：构建一个新的vue项目用脚手架@vue/clinpminstall-g@vue/cli创建项目，ESLint可以先不用，有点碍事vueinitwebpackvue-openlayers用开发工具打开项目

Master-Tang·2023-04-20 17:20

Openlayers 3加载腾讯在线地图

OpenLayers3的瓦片坐标系的原点在左上角，向上为y轴正方向，向右为x轴正方向。腾讯的瓦片坐标系的原点在左下角，向上为y轴正方向，向右为x轴正方向。

鱼_516d·2023-04-19 18:48

2020-08-05 openlayer本地文档配置

ol官网经常抽风，自己部署一个本地的版本gitclonehttps://github.com/openlayers/openlayerscnpminstallpackage.json->build-sitebuild

飞天宵夜·2023-04-16 16:30

openlayers加载geoJson格式文件（并加载json中的样式）

openlayers加载geoJson格式文件（并加载json中的样式）样式如下图:话不多说直接上代码和注释（geojson文件可以在我的CSDN中下载）下载分享不易：点赞支持map.map{width

晨宇烁·2023-04-16 07:34

初步了解什么是WMS和WFS

在使用OpenLayers调用geoserver的服务的时候，用到了wms和wfs的服务，开始由于忙着赶项目，也没时间去具体了解这两个具体的相关信息，只是参考了OpenLayers的文档来直接写代码了，

写前端的大叔·2023-04-15 02:19

Openlayers之互联网地图调用

基于Openlayers调用互联网地图，涉及到的相关知识主要有Map、View、layer.Tile、source.XYZ、layer.Group。以下仅截图展示，具体代码可访问GitHu

秋收拖拉机·2023-04-15 01:38

推荐频道

openlayer