OpenLayers离线地图

OpenLayers 引入天地图

一、VUE引入OpenLayersnpminstallol二、初始化一个地图import'ol/ol.css'import{Map,View}from'ol'importTileLayerfrom'ol
冰落寞成·2023-09-19 01:22

openlayers 地图上加图标_OpenLayers学习笔记中级篇（四、地图图标操作）

图标是GIS应用中必不可少的要素，比如在地图上标注饭店，学校，加油站等，就需要添加图标，点击图标，可能需要提示更为详细的信息，比如地址，评价，或者更为复杂的业务信息。本节将从基本的应用入手讲解，直到比较高级一些的自定义特色图标和信息展示。在OpenLayer3中添加图标有两种方式，一种是我们这一小节马上就要介绍的，比较传统的overlay，另一种是下一小节马上就要介绍的Feature+Style的
weixin_39630909·2023-09-18 11:56

Openlayers4.6.3模仿迁徙图

一、最终效果模仿迁徙图效果二、制作思路1.根据给定线段生成，贝塞尔曲线；我这里暂时限制，每个线段为三个点。贝塞尔曲线1)A、B、C三个点为已知点，F点为贝塞尔曲线上的点，我们要求出F点的点坐标。2)根据DF:DE=AD:AB=BE:BC的关系我们根据极限法求出，点的位置。贝塞尔曲线求比例的函数求贝塞尔曲线的辅助函数2.根据Style的render函数，控制线上的点进行移动，其中render函数的两
拜拜都不行啊·2023-09-18 05:23

Vue搭配百度地图使用(实现最基础的展示) 并转化坐标数据

写了个移动端本来用的openlayers因为是公司技术栈也是刚学的吗然后今天让改成百度地图....大早上就开始翻网站浏览幸亏功能不太复杂就是展示地图并且根据后台返回的经纬度在地图上显示点位使用前需要先去高德官网申请
CV工程师!!·2023-09-17 13:16

通过SLD_BODY动态改变geoserver的图层样式

通过SLD_BODY动态改变geoserver的图层样式分类专栏：开源WebGIS版权目录要点使用取标准样式修改为自定义规则GetMap使用URL调用方式Openlayers调用方式GetLegendGraphic
不玩了啊·2023-09-17 11:55

web三维gis引擎cesium的学习笔记（包含视频融合和动态纹理）

的学习笔记（包含视频融合和动态纹理）Cesium.Viewer坐标系位置方向官方api文档及示例EntityAPIPrimitivesAPI几何体（Geometry）自定义材质点选相机相机移动到指定位置离线地图深度测试模型转换工具
hijunmeng·2023-09-16 17:58

百度地图自适应容器

现象：当容器发生变化时，例如全屏，地图仍显示之前的大小，没有自适应地图容器的大小解决方案：map.enableAutoResize();//设置当地图容器发生改变时地图自动适应百度地图范围问题，离线地图以下方法不可行
三知之灵·2023-09-16 16:51

openlayers+vue 仿百度罗盘功能（指北针）

用到的图片核心代码：varview=this.getMap().getView();varcenter=this.getMap().getView().getCenter();varrotation=this.getMap().getView().getRotation();rotation=rotation-Math.PI/2this.rotate-=90view.animate({center
冰雪为融·2023-09-16 04:53

openlayers根据feature进行裁切（低版本）

该种方法针对的是openlayers3低版本的裁切方法，高版本的比较简单（后面有时间再补充吧）裁切代码//clip(evt,highlight){varcanvas=evt.context;canvas.save
冰雪为融·2023-09-16 04:53

ol-ext transform 对象，旋转、拉伸、放大(等比例缩放)，事件监听

官网示例地址：ol-ext代码地址：ol-ext:openlayers开源插件库文档api：查看OpenLayers-Welcome简单功能示例自己项目中用到的是等比例缩放，旋转，拉伸等功能代码如下importExtTransformfrom'ol-ext
冰雪为融·2023-09-16 04:23

OpenLayers 系列学习（一）

简单介绍文章仅为学习笔记，本人也是OpenLayers小白，如有错误，欢迎指正官网地址：https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html
冰雪为融·2023-09-16 04:53

openlayers wms/wmts 栅格图层点击点像元值查询

目录一、wms栅格图层像元值查询二、wmts栅格图层像元值查询三、浏览器知识补充注意：wms栅格图层像元值查询，借助getGetFeatureInfoUrl就可以获取到对应的url地址，但是wmts没有内置的getFeatureInfoUrl一、wms栅格图层像元值查询ol.source.TileWMS的getGetFeatureInfoUrl方法来构建WMSGetFeatureInfo请求的UR
冰雪为融·2023-09-16 04:52

openlayers 方法合集

直接上代码import*asolfrom"ol";import*aslayerfrom"ol/layer";//图层类import*assourcefrom"ol/source";//数据源相关import*asgeomfrom"ol/geom";//各类要素相关（点、线、面等）import*asinteractionfrom"ol/interaction";//地图交互类importScaleL
就是个名称·2023-09-14 14:53

Vite + Vue3 + OpenLayers 弹窗

Vite+Vue3+OpenLayers弹窗一、本文简介tanchuan鼠标在地图上点击会出现一个弹窗，并且出现在鼠标指针上方。如果在地图边缘点击，会保证弹窗能完整显示出来，所以会稍微移动底图。
德育处主任·2023-09-13 06:07

Openlayers 教程 - feature（图形要素）三种悬浮事件（移入移出）以及适用范围

Openlayers教程-feature（图形要素）两种悬浮事件以及使用范围核心代码完整代码：在线示例之前介绍了Openlayers的点击事件，这次介绍一下悬浮事件。
非科班Java出身GISer·2023-09-11 13:45

Openlayers API整理

OpenlayersAPI整理openlayers发布于2019-09-05一、创建地图1、地图Map创建地图底图：需要用newol.Map({})地图map是由图层layers、一个可视化视图view
不玩了啊·2023-09-10 06:58

OpenLayers隐藏默认放大放小按钮

import{Map,View}from'ol';importTileWMSfrom'ol/source/TileWMS';importTileLayerfrom'ol/layer/Tile';import{ScaleLine,defaultsasdefaultControls}from'ol/control';//安徽省数据源letwmsSource=newTileWMS({url:`http:
一颗小芹菜的日常·2023-09-10 00:00

openlayers渲染rgb三波段cog时达到类似rgba的效果（去掉黑底）

图是arcgis渲染成rgb的，由于没有透明度波段，底下是黑的。为了能在前端显示透明效果，之前是用python处理数据，给它加个透明度波段后来研究了一下ol的样式表达式，可以直接在前端去掉黑底样式设置代码如下conststyle={color:["array",["band",1],["band",2],["band",3],["case",["all",["==",["band",1],0],[
GIS小虫·2023-09-09 19:05

四章-37-矢量标签的显示控制

本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。
彩云飘过·2023-09-09 14:50

基于高德地图API开发纯内网离线应用

项目应用环境为纯内网内网环境开发必备：本地离线地图瓦片资源、离线API一、本地离线地图瓦片资源高德地图官方API是支持OGC标准WMTS地图、XYZ格栅图层。
·2023-09-06 11:13

Android使用osmdroid加载在线地图，离线地图以及各种填坑姿势

最近开发需要加载地图，包括离线瓦片和在线地图，因为百度和高德要掏钱并且不支持加载自己的瓦片，想着有没有开源的替代呢？发现了osmdroid这个开源库可以加载地图，但是关于开发资料中文少的可怜，有关博客都是互相抄，找不到有用的信息，于是我狠下心看了遍源码，然后开始了填坑之旅。首先加入依赖如下：implementation'org.osmdroid:osmdroid-android:6.1.11'然后
gemgaozhen·2023-09-05 21:55

openlayers-16-添加一组轨迹动画

实现一组动画，即根据一组只有起止点坐标的线段，实现点在这些线段上较为平滑的移动，移动速度和平滑程度均可控制。下面的代码仅作为思路参考，还欠缺很多细节，比如在进行插值计算时，还需要判断经纬度坐标差，选择差值大的作为已知项计算插值，这样会避免一些bug并让计算的插值数据更平滑。还有如何把示例中的圆点改为箭头，并计算箭头的方向与线的走向一致等等一些问题。如果有时间，后期会整理一个更加具体的，可以直接移植
阿发博客·2023-09-02 19:36

WebGIS地图相关学习笔记

进阶问题Web地图服务规范(WMS、WMTS、TMS)简析_surpassLiang的博客-CSDN博客_wmts地图服务EPSG:4326EPSG:3857的区别openlayers6【十】EPSG:
⑥②·2023-08-31 17:41

JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层

WebGIS学习笔记（三）——GeoServer发布shp数据地图JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层JavaWeb和WebGIS学习笔记（五）——使用OpenLayers
自闭火柴的玩具熊·2023-08-31 17:10

WebGIS 学习笔记(3) GeoServer 的层

OpenLayers是一个开源的JavaScript库，用于显示基于web的地图。OpenLayers提供瓦片、过滤器等多个选项。GeoServer支持WMS和WFS及多种不同的输出格式。
hjh00·2023-08-31 17:40

JavaWeb和WebGIS学习笔记（六）——使用ArcGIS for Server发布地图服务

WebGIS学习笔记（三）——GeoServer发布shp数据地图JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层JavaWeb和WebGIS学习笔记（五）——使用OpenLayers
自闭火柴的玩具熊·2023-08-31 17:39

JavaWeb和WebGIS学习笔记（五）——使用OpenLayers显示地图

WebGIS学习笔记（三）——GeoServer发布shp数据地图JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层JavaWeb和WebGIS学习笔记（五）——使用OpenLayers
自闭火柴的玩具熊·2023-08-31 17:09

Geoserver的WFS服务实现要素的增删改

文章目录Geoserver设置WFS服务发布开启写入权限WFSTransaction的XML示例WebGISAPI调用OpenlayersMapboxGeoserver设置WFS服务发布WFS服务发布过于简单
何去何从2857·2023-08-31 01:37

openlayers入门学习

地图服务组件使用效果图XYZ瓦片图服务（天地图）注意参考文档组件使用XYZ瓦片图服务（百度地图）（不推荐）参考文档GeoServe服务以及绘制标注点组件使用效果图静态图片底图参考文档组件使用效果图参考文档Openlayers
清虚桂意·2023-08-30 14:48

OpenLayers实战，OpenLayers实现地图鼠标经过点要素时显示名称标注提示框，移出后隐藏

专栏目录：OpenLayers实战进阶专栏目录前言本章讲解OpenLayers实现地图鼠标经过点要素时显示名称标注提示框，移出后隐藏的功能。
汤姆猫不是猫·2023-08-30 14:16

OpenLayers实战，OpenLayers判断点位是否与多边形有交集，判断车辆是否在电子围栏内

专栏目录：OpenLayers实战进阶专栏目录前言OpenLayers实战，OpenLayers判断点位是否与多边形有交集，可以用于判断车辆是否在电子围栏内，船舶是否在锚泊位中等常用案例。
汤姆猫不是猫·2023-08-30 14:16

OpenLayers中文文档1快速入门

目录OpenLayers实例资源网QuickStart快速入门建立一个新的项目探索部分标记ThemarkupThescriptThestyle部署你的应用程序OpenLayers实例资源网http://
北凉冬·2023-08-30 14:15

OpenLayers7官方文档翻译，OpenLayers7中文文档，OpenLayers快速入门

设置新项目开始使用OpenLayers构建项目的最简单方法是运行：npmcreateol-appnpmcreateol-appmy-appcdmy-appnpmstart第一个命令将创建一个名为my-app
汤姆猫不是猫·2023-08-30 14:44

vue-baidu-map 离线地图制作（不需要修改组件代码）

前言最近做了一个地图项目，用的技术是vue-baidu-map，临近收尾的时候被告知要做离线版本，真的憋屈。而网上近乎所有的技术博客都是对于原生地图api的，对于vue-baidu-map这个组件的技术博客是没有的（我没找到），难道要我重新写这个项目？不可能！呕心沥血之下，花了小半天时间整出来了，这里记一下，供之后的参考。（不想看教程的直接拉到底，下资源安排）技术vue-baidu-map实现步骤
氪精大佬·2023-08-30 05:58

ZLMediaKit+SpringBoot+Vue+Geoserver实现拉取摄像头rtsp流并在web端播放

场景SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交：SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交_霸道流氓气质的博客-CSDN
霸道流氓气质·2023-08-29 06:57

243：vue+Openlayers 更改鼠标滚轮缩放地图大小，每次缩放小一点

第243个点击查看专栏目录本示例的目的是介绍如何在vue+openlayers项目中设置鼠标滚轮缩放地图大小，每次滑动一格滚轮，设定的值非默认值1。具体的设置方法，参考源代码。
还是大剑师兰特·2023-08-29 00:15

openlayers

工具高德坐标选取基础概念GeoJSON坐标系GIS地理信息系统的坐标系统:·WGS-84：GPS坐标系，是国际标准，GPS坐标（GoogleEarth使用、或者GPS模块）·GCJ-02：火星坐标系，国测局02年发布的坐标体系，中国坐标偏移标准，GoogleMap、高德、腾讯使用·BD-09：百度坐标系，百度自研，百度地图使用。projection：投影·投影：地球大家都知道不是正圆形的球体，他是
Rico_wang·2023-08-28 20:14

能看清农村房子的卫星地图软件

推荐几款高清晰的免费卫星地图软件第一、BigemapGisOffice高清晰卫星图软件下载地址：http://www.bigemap.com第二卫星地图移动端APP第三卫星影像地图开发SDK免费开发包离线地图服务器
bigemap123·2023-08-28 12:11

C# Devexpress Mapcontrol地图离线加载本地切片地图数据

是一个强大的地图控件，可以连接Bing等网络地图，也可以连接搭建的WMS服务器地图，并且可以在地图上进行各种图形的绘制，但是我们会遇到某些客户环境是没有网络的，但是需要有离线的地图展示，因此可以参照本文方法进行离线地图加载
不知名君·2023-08-25 10:31

OpenLayers4加载天地图WMTS注意事项

OpenLayers4加载天地图WMTS注意事项天地图官网：http://lbs.tianditu.gov.cn/home.htmlOpenLayers官网：https://openlayers.org
JeffreyGu.·2023-08-24 14:17

leaflet讲解:vue中使用leaflet加载wmts瓦片地图（1）

前几天做了一个基于leaflet加载wmts瓦片离线地图的项目。发现由于VUE最近的兴起leafle并没有根据vue中如何使用它的教程。这对于我们这些小白很不友好所以我准备在这里分几个步骤为大家讲解。
web愚者·2023-08-24 04:29

使用openlayers加载离线地图

什么是Openlayers?简单来说，Openlayers是一个基于Javacript开发，免费、开源的前端地图开发库，使用它，可以很容易的开发出WebGIS系统。
Devil枫·2023-08-23 21:02

WPF中手写地图控件（4）——离线地图

但是软件已关闭，内存数据全部清空了，下次再打开，又要重新加载，比较浪费资源，于是可以使用本地文件缓存技术，也就是离线地图。//////缓存管理///internalclassCacheMa
迷惘小书童·2023-08-23 16:04

超图服务设置token及使用

1、设置方法：token的使用手册2、使用二维的可以先看下超图官网的例子https://iclient.supermap.io/examples/openlayers/editor.html#iPortalSecurity
llbzwb·2023-08-23 06:08

OpenLayers 高德地图偏移问题

OpenLayers高德地图偏移问题1.偏移产生的原因地球上同一个地理位置的经纬度，在不同的坐标系中，会有少许偏移，国内目前常见的坐标系主要分为三种：地球坐标系——WGS84：常见于GPS设备，Google
漠诽·2023-08-23 04:12

OpenLayers 瓦片图层放大显示

OpenLayers瓦片图层放大显示天地图的影像地图的显示层级最大是18级，超出18级时天地图的影像服务会返回超限的水印瓦片。
漠诽·2023-08-23 04:41

openLayers实战(八)：坐标系及其转换

坐标系介绍EPSG:3857--web地图，基于球体的、web墨卡托投影（伪墨卡托投影Pseudo-Mercator）的投影坐标系，范围为纬度85度以下，由于google地图最先使用而成为事实标准。至今，大多互联网地图都使用EPSG3857，主要是因为该投影是等角投影，适合地图定向及导航，但是纬度越高，面积变形越大。EPSG:4326--全球通用，基于WGS84椭球的经纬度坐标系，大地坐标系，在E
小鸟哗啦啦·2023-08-21 19:53

openLayers实战(六)：根据坐标信息计算多边形区域面积

借助Turf.js库npminstall@turf/turfyarnadd@turf/turf//导入必要的Turf.js函数import{area}from'@turf/turf';//创建多边形对象constpolygon={"type":"Polygon","coordinates":[[[x1,y1],[x2,y2],[x3,y3],...,[x1,y1]]]};//使用Turf.js的a
小鸟哗啦啦·2023-08-21 19:53

openLayers实战(九)：正多边形的绘制

最近在绘制各种图形，越来越乱，看了很多文章，启发了从最最基础的图形开始学习扩展。遇到什么样的问题？importolfrom"ol";import{Draw}from"ol/interaction";import{VectorasVectorSource}from"ol/source";import{Layer,VectorasVectorLayer}from"ol/layer";importOve
小鸟哗啦啦·2023-08-21 19:52

OpenLayers5在EPSG:4326下以m为单位画圆

varcircleIn3857=newCircle(transform([121.4659,31.2],'EPSG:4326','EPSG:3857'),1000,'XY');varcircleIn4326=circleIn3857.transform('EPSG:3857','EPSG:4326');
鬼马行天·2023-08-21 11:40
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他