Openlayers

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

解决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

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

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

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

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

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

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

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

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

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他