OpenLayers离线地图

【openlayers-3】加载图标

目录1、通过overlay方式添加2、通过overlay+css方式3、通过Feature+style方式实现在OpenLayer3中添加图标有两种方式，一种是通过overlay方式，另一种是通过Feature+Style的方式。1、通过overlay方式添加varurl='https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/
WXG1011·2023-12-31 14:42

openlayers - 03 点位标注功能

本例实现对地图中的部分点位进行标注，点击标注可以显示基本信息，缩放后会适当对点位进行聚合1.实现1.将获取到的所有点位的坐标数组传入以下函数，根据数据创建点位要素（feature）；2.设置聚合参数（Cluster）；3.创建新的图层，将要素加入图层并配置相关样式；4.提前定义好详情显示的popover弹窗，创建覆盖物（Overlay），将popover弹窗设置到覆盖物内；5.监听点击事件获取点击
大兵的猫·2023-12-31 14:12

【OpenLayers-1】添加地图

坐标系：目前OpenLayers3支持两种投影，一个是EPSG:4326，等同于WGS84坐标系；另一个是EPSG:3857，经常用于web地图。一个是全球通用的，一个是web地图专用的。
WXG1011·2023-12-31 14:12

openlayers - 02 区域绘制功能

1.定义容器圆形框选多边形框选2.声明方法//地图资源图层tileLayer=newTileLayer({//source:newOSM(),//不建议使用，实际开发中会有问题source:newXYZ({url:"http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",//
大兵的猫·2023-12-31 14:41

【openlayers-4】事件

常用鼠标事件：地图鼠标左键单击事件，对应的类为ol.Map，事件名为singleclick。地图鼠标左键双击事件，对应的类为ol.Map，事件名为dblclick。地图鼠标点击事件，对应的类为ol.Map，事件名为click。地图鼠标移动事件，对应的类为ol.Map，事件名为pointermove。地图鼠标拖拽事件，对应的类为ol.Map，事件名为pointerdrag。地图移动事件，对应的类为o
WXG1011·2023-12-31 14:10

Openlayers 根据坐标点画点线圆多边形

根据坐标点画点线圆多边形，代码如下GeometrytypePointLineStringPolygonCircleNoneBezier绘制绘制圆形绘制线段绘制多边形绘制单个点清除所有清除指定///地图部分varmap=newol.Map({//设置地图图层layers:[raster,vector],//让id为map的div作为地图的容器target:‘map’,overlays:[overla
竹林1028·2023-12-30 19:08

基于Geoserver发布地图

基于geoserver和Openlayers就可以构建一个免费的开源GIS项目。Geoserver发布地图的步骤为：Geoserver启动启动Geoserver，并登陆。
淘淘小窝·2023-12-29 00:07

162TB全球卫星地图瓦片服务

这里再为你分享长光的另一款重量级产品，即《吉林一号国产化全球遥感底图瓦片服务》，你可以把它简单地理解为是一套全球离线地图服务系统。为了行文方便，我们在本文暂且称之为“长光全球瓦片系统”。
水经注GIS·2023-12-27 14:29

iClient for JavaScript如何以mvt矢量瓦片的形式加载数据服务

刘大这里写目录标题前言1.iServer中的预览页面2.iClientforJavaScript加载2.1构建Style2.2iCient加载2.2.1Leaflet&MapboxGL2.2.2OpenLayers
supermapsupport·2023-12-26 20:48

Openlayers根据kml文件绘制地图

亲测可用//按需导入的相关配置import{Style,Stroke,Fill}from"ol/style";import{VectorasVectorLayer}from"ol/layer";import{VectorasVectorSource}from'ol/source';importKMLfrom'ol/format/KML';...//颜色配置varstyles=newStyle({f
飞天巨兽·2023-12-26 09:43

百度离线地图瓦片下载

瓦片简介百度离线地图是由多层级的多张瓦片组成的，存放在titles文件夹下，层级越高，瓦片越多，显示的地图越详细下载的瓦片有png和jpg等格式，我下载的png格式没法用，后面全改成jpg格式就可以了将下载的瓦片按照下载级别放到对应的文件夹下瓦片获取从别的博主那找了两种获取方式
大牙Adela·2023-12-24 19:17

osmdroid笔记（一）在线地图不显示问题

项目地址：osmdroidosmdroid支持在线和离线地图问题：不显示地图在开发过程中，使用在线地图时，只显示空白网格，不显示地图。
空白一页_blank·2023-12-24 01:14

openlayers聚合打点并显示多种图标

openlayers聚合打点并显示多种图标背景：公司项目中存在一个业务场景，在地图上显示多种图标，但是由于坐标太多就不能使用简单的打点的做法，就希望使用聚合打点效果，首先我们想到是写一个方法有几种图标就执行几次
是小钟·2023-12-22 03:15

四章-41-使用WebGL渲染海量矢量要素

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

Vite + Vue3 + OpenLayers 切换地图容器

Vite+Vue3+OpenLayers切换地图容器本文简介Vite+Vue3+OpenLayers切换地图容器将地图切换到不同容器里展示。
德育处主任·2023-12-19 12:59

Cesium 加载 Geoserver WMS 图层以及条件查询和切换图层样式

CesiumGeoserver图层条件过滤与Openlayers略有不同，不过原理是一样的。也是利用Geoserver的CQL_FILTER实现功能。本文包括图层样式核心代码、完整代码
非科班Java出身GISer·2023-12-18 13:29

openlayers和canvas结合使用报画布污染问题

使用场景对同一条道路，不同时间的航飞数据，对比出差异，以确定施工进度和进行监管，并存档图像资料。实现：vue+pixelmatch像素对比插件+geoserver发布WMTS图层报错排查1.根据报错，canvas使用环境，和图片来源环境不同导致。本案例中，项目在端口A，geoserver服务发布在端口B。2.尝试本地测试前端跨域代理图层发布地址，结果报错500.3.图层由openlayer加载到页
九霄123·2023-12-16 16:18

百度离线地图-Vue

pwd=3917提取码:3917其中modules文件存放的是百度离线地图工具包，titles文件夹存放的是1-18级瓦片地图图片,map.js是百度地图离线api的js文件下载瓦片图片：百度离线地图—
尚梦·2023-12-15 08:08

OpenLayers 实现画点、画线、画面、画圆

本文将实现如何用openlayers在地图上画点、线、面、圆，创建地图可参考我的上一篇文章Vue+OpenLayers创建地图并显示鼠标所在经纬度1、页面2、代码点线多边形圆importVectorSourcefrom"ol
L221545·2023-12-04 16:54

Apple 如何在设备上下载离线地图？

当我们在手机信号接受不好或者没有互联网连接的情况下，离线地图可以帮助你成功的找到目的地，在Apple更新iOS17之后苹果地图就有了离线地图功能，苹果离线地图不仅可以帮助你导航，它还可以保存一些公共交通信息
偷偷小野猪·2023-12-02 06:43

可视化有关JS官网链接

Three.js中文教程|参考手册|使用指南|动画特效实例|踏得网threejs中文网：Three.js中文网WebGL教程：http://www.webgl3d.cn/WebGL/gis地图web端Openlayers
麦兜_冰夕·2023-12-01 23:56

2023年11月个人工作生活总结

研发编码GIS模仿了一些有名的地图服务商的网站，将离线地图页面做成全屏，对于大屏幕更加好友。再美化一下全区的边界和区内地域的边界。
李迟·2023-12-01 20:57

Vite + Vue3 + OpenLayers 同步两个地图基础操作

Vite+Vue3+OpenLayers同步两个地图基础操作一、本文简介Vite+Vue3+OpenLayers同步两个地图基础操作两个独立的容器，使用了不同的图源。
德育处主任·2023-11-29 04:07

openlayer绘制过程添加提示文字

在OpenLayers中，getViewport()是一个地图对象的方法，用于获取地图的viewport元素。
我有柚子茶噢·2023-11-28 05:29

openlayers 加载KML文件

在设置style样式时，发现不起作用，需要设置一个属性extractStyles:falseimportVectorLayerfrom'ol/layer/Vector'importVectorSourcefrom'ol/source/Vector'importKMLfrom'ol/format/KML'createWFS(option){constWFS=newVectorLayer({sourc
MarvinCHN·2023-11-26 13:09

Vue + Openlayers 绘制多边形及展示

官网{{isDraw?"绘制区域":"重新绘制"}}import"ol/ol.css";import{Map,View}from"ol";import{ImageasImageLayer,VectorasVectorLayer}from"ol/layer";import{ImageStatic,VectorasVectorSource}from"ol/source";import{getCente
小小并不小·2023-11-26 12:34

Vue+OpenLayers实现多边形绘制及转折点样式标识

Vue+OpenLayers实现多边形绘制及转折点样式标识在本文中，我们将介绍如何使用Vue.js和OpenLayers库来实现多边形的绘制，并且通过在每个转折点上添加圆点标识来增强其可视化效果。
星光璀璨技术之心·2023-11-26 12:03

OpenLayers实战，WebGL图层鼠标经过要素高亮显示，根据变量自动修改WebGL图层要素的透明度、大小和颜色

专栏目录：OpenLayers实战进阶专栏目录前言本章讲解OpenLayers使用WebGL图层情况下，鼠标经过要素高亮显示，根据变量自动修改WebGL图层要素的透明度、大小和颜色的功能。
汤姆猫不是猫·2023-11-26 05:44

OpenLayers实战，WebGL图层如何使用一张拼接合成图片根据坐标切片成单个图片进行渲染

专栏目录：OpenLayers实战进阶专栏目录前言本章主要讲解OpenLayers使用WebGL图层的情况下，如何使用一张拼接合成图片根据坐标切片成单个图片进行渲染不同图片到地图上的功能。
汤姆猫不是猫·2023-11-26 05:14

GIS入门，开源 JavaScript二维地图引擎OpenLayers介绍

Vue+OpenLayers中文教程推荐，不同于OpenLayers官方文档使用html+js原生原生教程，博主专栏包含大量vue整合案例和实际开发案例，非常适合地图开发小白快速入门。
汤姆猫不是猫·2023-11-26 05:40

Vue+OpenLayers：解决中国境内OpenStreetMap地图加载问题

Vue+OpenLayers：解决中国境内OpenStreetMap地图加载问题随着互联网的发展，地图应用在日常生活中变得越来越重要。
技术驱动者·2023-11-26 02:27

四章-39-渲染沿街道方向的街道名称标签

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

geoserver离线地图服务搭建和图层发布

所以高德地图就不能再用了，于是，要切换成离线地图。由于才疏学浅，一直对地图引擎，图层，BIGMAP,瓦片，矢量等等一系列GIS概念模棱两可。如何换成离线GIS地图，一时间竟迷茫的无从下手。
敲代码的小小酥·2023-11-24 09:40

GeoServer 发布的图层预览不了

说明：在用Geoserver发布Postgis发布的图层后，去LayerPreview中预览，但是选openlayers时，没有跳转到预览页面，而是弹出了下载WMS。
guzicheng1990·2023-11-24 09:09

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色和不同直径大小的圆形和圆点图形，适用于大量圆形圆点渲染不同颜色不同大小

专栏目录：OpenLayers实战进阶专栏目录前言本章使用OpenLayers根据Feature要素的变量动态渲染不同颜色和不同直径大小的圆形和圆点图形。
汤姆猫不是猫·2023-11-23 04:05

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色、不同长度和不同透明度的长方形（矩形）图形，适用于大量矩形图形渲染

专栏目录：OpenLayers实战进阶专栏目录前言本章使用OpenLayers根据Feature要素的变量动态渲染多种颜色、不同长度和不同透明度的矩形（长方形、四边形和正方形）图形。
汤姆猫不是猫·2023-11-23 04:05

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色的三角形，适用于大量三角形渲染不同颜色

专栏目录：OpenLayers实战进阶专栏目录前言本章使用OpenLayers根据Feature要素的变量动态渲染不同颜色的三角形。
汤姆猫不是猫·2023-11-23 04:35

OpenLayers入门，OpenLayers6的WebGLPointsLayer图层样式和运算符详解，四种symbolType类型案例

专栏目录：OpenLayers入门教程汇总目录前言本章讲解使用OpenLayers6的WebGL图层显示大量点情况下，列举出所有WebGLPointsLayer图层所支持的所有样式运算符大全。
汤姆猫不是猫·2023-11-23 04:33

矢量切片(Vector tile)

说明：本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3中的Projection
GISer_YXwang·2023-11-23 01:14

leaflet常用插件地址整理

笔者之前做arcgisjsapi，刚开始更换leaflet有很大的抵触情绪，宁愿使用openlayers，现
yangdengxian·2023-11-22 18:35

echarts3结合openlayers2实现Map类型图表

参考：Echart2在Openlayers2的应用-航班的炫光特效Echart2在Openlayers2的应用openlayers3与echarts3的结合
banhusao3974·2023-11-22 18:24

个人收藏gis开发webgis开发gis相关源码地图数据以及资料

整理个人这几年来收藏的关于gis相关的资料汇总，总体分为四个部分：（1）gis源代码，arcgisapi、openlayers、leaflet、cesium等；（2）地图数据，矢量数据以及三维模型数据等
码云笔记·2023-11-22 15:37

ol(openlayers)定义2000坐标系支持

2000国家大地坐标系，是中国当前最新的国家大地坐标系，英文名称为ChinaGeodeticCoordinateSystem2000，英文缩写为CGCS2000。2000国家大地坐标系的原点为包括海洋和大气的整个地球的质量中心；2000国家大地坐标系的Z轴由原点指向历元2000.0的地球参考极的方向，该历元的指向由国际时间局给定的历元为1984.0的初始指向推算，定向的时间演化保证相对于地壳不产生
丷丩·2023-11-20 09:52

离线底图瓦片，可用于Cesium加载使用【图说GIS】

离线地图分为两种：一种叫“金字塔瓦片”数据，一种叫“矢量地图数据”。
ONEGISER(ZPC)·2023-11-20 06:07

基于openlayers完成车辆轨迹回放 暂停 继续 变色 弹框等功能demo

基于openlayers完成车辆轨迹回放暂停继续变色弹框等功能demo为了方便日后查看做个简单记录运动很简单官方demo里就有但是官方demo里面没有暂停功能这里研究完网上代码大家都用的定时器我也就抄过来了在每次调用后重新打小车
混子zy·2023-11-16 19:43

Vue + OpenLayers 入门

目录前言1.安装OpenLayers库2.Vue创建OpenLayers组件效果图Code3.OpenLayers使用本地图片作为地图效果图：Code前言本文记录Vue使用OpenLayers入门，使用
PAX-K·2023-11-16 07:16

247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽

第247个点击查看专栏目录本示例是演示如何在vue+openlayers项目中根据坐标显示多边形（3857投影），计算出最大幅宽。
还是大剑师兰特·2023-11-16 07:42

246：vue+openlayers 绘制多边形，drawend获取最大幅宽

第246个点击查看专栏目录本示例是演示如何在vue+openlayers项目中绘制多边形，drawend获取最大幅宽。
还是大剑师兰特·2023-11-15 08:24

Android百度地图（四）如何引入离线地图包

Android百度地图（四）如何引入离线地图包本文代码在http://blog.csdn.net/xyzz609/article/details/51955363的基础上进一步修改，有兴趣的同学可以研究下怎么修改的本篇我们准备为地图添加
治政·2023-11-15 03:58

openlayers部署离线高德地图

最近项目经理安排我在客户的客户服务器上部署离线地图，先登录前置机（跳板机）然后在连接进入服务器，登录上去，没网，卧槽！
IT侠客行·2023-11-14 12:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他