OpenLayers离线地图

OpenLayers加载缩放控件使用方法详解

本文实例为大家分享了OpenLayers加载缩放控件使用的具体代码，供大家参考，具体内容如下1、一般的地图打开都有放大、缩小和全图的导航条，以便于用户对地图的查看，下面我们将在OpenLayers中实现这一功能
·2022-05-20 11:24

百度3D离线地图开发，3D离线地图开发，百度地图离线开发

3D离线地图介绍（3D离线采用矢量数据作为地图基础，可保持地图数据最新）一、开发中引用3D离线地图（可独立部署通过内外IP+端口进行访问，也可拷贝js库文件到项目中通过绝对路径访问）1）、离线APIJS
GIS-Off-Line·2022-05-07 13:00

百度离线地图局域网开发，完全脱离互联网

2D离线地图介绍（局域网环境下部署，完全脱离互联网，通过下载瓦片图+离线地图API（js库）方式实现）一、2D离线瓦片下载（通过瓦片下载软件实现离线瓦片的下载）1）、普通街道图瓦片（如下图）2）、个性化瓦片
GIS-Off-Line·2022-05-07 13:00

Vue+Openlayers实现实时坐标点展示

本文实例为大家分享了Vue+Openlayers实现实时坐标点展示的具体代码，供大家参考，具体内容如下直接上代码   import"ol/ol.css";import{Map,View,Feature}
·2022-04-24 15:36

Vue+OpenLayer为地图添加风场效果

一个简单的小demo，就是在一个openlayers地图上面添加风场效果。话不多说，直接进入正题。首先我们需要安装一个插件。
·2022-04-24 15:34

android+高德地图教程,Android高德地图开发（三）地图简单操作

一、概述上一节中我们了解到地图的定位，图层切换，离线地图等基础操作，接下来学习地图的基本操作。
形象顧問Aking·2022-04-19 13:41

vue使用天地图、openlayers实现多个底图叠加显示效果

实现效果：需求：根据返回的经纬度列表通过天地图、openlayers实现底图添加（航道图层、线图层、水深图层）tk：自己申请的密钥安装opelayerscnpmi-Sol#或者npminstallol/
·2022-04-15 11:07

vue使用openlayers创建地图

vue项目中使用openlayers创建地图，供大家参考，具体内容如下前期准备安装node环境安装cnpm安装vue-cli以上步骤网上都有很多教程搭建vue项目vuecreatevue-ol按照提示一步步搭建
·2022-04-15 10:29

Vue中如何使用高德地图

示例|高德地图API1.安装vue-amap安装[email protected]中的配置key申请地址教程：准备-入门-教程-地图JSAPI|高德地图API//高德离线地图
前端老实人·2022-03-19 23:44

Openlayers中使用Overlay实现点击要素显示html内容弹窗并且动态更改弹窗内容

场景Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动：Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动_BADAO_LIUMANG_QIZHI的博客-CSDN
霸道流氓气质·2022-03-05 14:13

OpenLayers 6.13 新特性

1概述6.13版本带来了一些新特性：对于每个图层对象，你可以使用layer.getData()方法来获取它的像素数据类ol/style/Text支持了富文本标签，可以在一个标签中用不同的字体、样式了模块ol/proj中，useGeographic()和setUserProjection()方法现在已经是官方API了，这两个方法使得地理坐标或局部投影坐标系的使用更简单改进提升了WebGL瓦片和点图层
·2022-03-02 12:12

OpenLayers - Layer简介 （五）

Layer是什么图层就像是含有文字或图形等元素的图片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。Layer就是创建这一张张图的函数。Layer是派生所有图层类型的基类。定义了诸多不同图层类型共用的特征和方法。要使用Layer需要先从source接收到的数据，然后添加到map中。常用参数className设置图层元素的CSS类名称。extent图层渲染的边界范围。zIndex图层渲染的z-
ny-nie·2022-02-25 14:09

openlayers4 入门开发系列之地图切换篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2022-02-22 07:01

openlayers 带箭头的线串

请注意：这个方法无法解决两条及两条以上线完全重叠时产生的bug。letnewFeature=newol.Feature({geometry:newolGeom.LineString(coordinates),name});letgeometry=newFeature.getGeometry();letstyles=(_,resolutions)=>{lets=[newolStyle.Style({
花森文宝·2022-02-21 09:45

vue+openLayers入门教程

介绍:OpenLayers官网OpenLayers插件类型可以理解为专门处理地图的一个库其中有两大类map和view,map是ol中的核心组件,初始化一副地图(map),时,至少需要一个可视化区域(view
ScoloveCode·2022-02-21 07:34

ol3使用（前言）

好了，接下来我就从咱们小白的角度开始讲起学习openlayers3的过程。首先，说一
karrymkl·2022-02-18 12:30

Windows中将Nginx添加为服务的问题

前言：在使用LeafLet写离线地图时，需要将Nginx作为LeafLet的代理，实现内网访问外网地图瓦片，下面是将Nginx添加为Windows服务。
·2022-02-18 11:14

Qt编写地图之实现跨平台功能

目录一、前言二、功能特点1省市区域地图封装类功能特点2百度地图封装类功能特点3离线地图下载类功能特点4省市轮廓下载类功能特点三、体验地址四、效果图五、相关代码一、前言跨平台着实花了不少的精力，为了从Qt4.7
·2022-02-15 14:40

Android, 离线地图-2

注意问题：首先了解osmdroid支持的离线地图格式，官方也有介绍官方离线地图介绍相关入门介绍里面都有，这里需要注意的有以下几个地方:如果是zip包的话需要放在sdcard/osmdroid目录下，调用
pony23·2022-02-15 11:30

Android高德地图开发（三）地图简单操作

一、概述上一节中我们了解到地图的定位，图层切换，离线地图等基础操作，接下来学习地图的基本操作。
伟君子·2022-02-13 01:59

openlayers4 入门开发系列之地图标绘篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2022-02-12 21:58

基于Qt实现离线瓦片地图下载器

目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言写这个离线地图下载器的初衷，就是为了方便自己的几个需要离线地图的程序，客户需求，既然地图程序已经可以支持离线地图，那如何获取到这些离线瓦片地图文件是个关键
·2022-02-09 11:51

openlayers4 入门开发系列之地图导航控件篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2022-02-08 23:00

openlayers4 入门开发系列之迁徙图篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2022-02-07 15:55

Openlayers API-介绍

通过前面几篇文章的介绍后，对Openlayers的基本用法都有所了解了，从这篇开始主要来介绍API的使用，介绍完API后再进行源码解析。
写前端的大叔·2022-02-07 09:13

Openlayers+vue集成实现地图简单功能

废话不多说，代码端上来绘制常用区域输出Json测距测面量角全屏清除点坐标放大缩小刷新import'ol/ol.css'importMapfrom'ol/Map'importViewfrom'ol/View'importVectorSourcefrom'ol/source/Vector'importOSMfrom'ol/source/OSM'importVectorLayerfrom'ol/laye
·2022-01-20 10:48

从零打造一个Web地图引擎

说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套jsAPI，此外也有一些开源地图框架可以使用，比如OpenLayers
·2022-01-18 22:12

openlayers二次简单封装 线性、点

从自己的角度,简单的二次封装了一下openlayer,在这里提供一下我的思路!1.添加一个底图对象map2.向底图对象上添加线层或者点层line-map与point-map效果图image.png前端组件引用{{scope.content}}//注意://1.传入地图地图需引用://importTileLayerfrom"ol/layer/Tile";//importXYZfrom"ol/sour
ifyang小白·2022-01-11 17:51

解析OpenLayers 3加载矢量地图源的问题

一、矢量地图矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放大、缩小或旋转等不会失真。在地图中存在着大量的应用，是地图数据中非常重要的组成部分。为了便于存储，传递，使用，矢量地图会按照一定的格式来表达，比如常见的GeoJSON，TopoJS
·2021-12-22 19:08

Qt编写地图综合应用之绘制覆盖物折线

二、功能特点同时支持在线地图和离线地图两种模式。同时支持webkit内核、webeng
·2021-12-21 15:00

「笔记」Openlayers鹰眼空白+本地图源

import*aslayerfrom'ol/layer';importTilefrom'ol/layer/Tile';import*asolControlfrom'ol/control';//图源怎么引的本篇不讲//要注意overviewLayerGroup和mapLayerGroup图层要相同，相同不是指完全相等//不然地图和鹰眼会抢canvas。this.mapLayerGroup=newla
花森文宝·2021-12-10 11:54

Vue+Openlayer实现图形的拖动和旋转变形效果

相关资料1、ol-ext官方地址：入口2、ol-ext对应的资料地址：入口3、ol-ext源码gitee地址：入口4、openlayers最新官网：入口5、openlayer
·2021-11-26 18:04

百度离线地图WebGL版 (包括个性化地图)

image.png点这里跳转查看源码百度地图离线化(APItype=webgl&v=1.0)webgl版本的代码与之前普通版本的代码不同,但是基本的逻辑是差不多的,制作思路也差不多1.下载主要文件访问webgl的api地址api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥打开之后可以看到是一个js文件和一个css样式文件,将这两个文件下载下来并重命名(fu
7ba5890aeb6f·2021-11-25 17:31

vue利用openlayers加载天地图和高德地图

目录一、天地图部分1、在vue中安装openlayers二、高德地图部分一、天地图部分1、在vue中安装openlayersnpmi--saveol这里说的vue是基于脚手架构建的。
·2021-11-24 15:49

vue+openlayer实现：拖拽、旋转、缩放、拉伸、移动等功能以及对应的监听事件

相关资料:1、ol-ext官方地址：入口2、ol-ext对应的资料地址：入口3、ol-ext源码gitee地址：入口4、openlayers最新官网：入口5、openlayers官网api：入口实现效果
浩星·2021-11-24 14:17

vue3+vite2+element-plus+ts搭建一个项目

花了几天用vue3+vite2+element-plus+ts搭了个极简版骨架型数据管理系统，使用静态数据模拟动态路由，路由拦截，登录页面鉴权等，使用了iconify字体图标，整合了cesium,openlayers
奔跑的痕迹·2021-10-24 09:24

vue3+vite2+element-plus+ts搭建一个项目

花了几天用vue3+vite2+element-plus+ts搭了个极简版骨架型数据管理系统，使用静态数据模拟动态路由，路由拦截，登录页面鉴权等，使用了iconify字体图标，整合了cesium,openlayers
奔跑的痕迹·2021-10-24 09:33

openlayers6之地图覆盖物overlay详解

1.overlay简述overlay是覆盖物的意思，顾名思义就是在地图上以另外一种形式浮现在地图上，这里很多同学会跟图层layers搞混淆，主要是放置一些和地图位置相关的元素，常见的地图覆盖物为这三种类型，如：popup弹窗、label标注信息、text文本信息等，而这些覆盖物都是和html中的element等价的，通过overlay的属性element和html元素绑定同时设定坐标参数——达到将
·2021-09-15 14:10

openlayers6之地图覆盖物overlay三种常用用法(popup弹窗marker标注text文本)

目录1.写在前面2.overlay实现popup弹窗2.1vue页面addPopup()方法详解2.2autoPan属性为false效果3.overlay实现label标注信息4overlay实现text文本信息5.附上完整代码1.写在前面常见的地图覆盖物为这三种类型，如：popup弹窗、label标注信息、text文本信息等。上篇讲了overlay的一些属性方法事件等，这篇主要讲overlay三
·2021-09-15 14:10

Vue + OpenLayers 快速入门学习教程

Openlayers是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包，用于显示地图及空间数据，并与之进行交互，具有灵活的扩展机制。
·2021-09-15 12:31

GIS常用算法

作为一个GISer，在日常WebGIS开发中，会常用到的turf.js，这是一个地理空间分析的JavaScript库，经常搭配各种GISJSAPI使用，如leaflet、mapboxgl、openlayers
·2021-09-10 11:43

VUE + OPENLAYERS实现实时定位功能

前端展示，使用Vue+OpenLayers，负责定时向后端服务请求GeoJSON数据，并在以标签的形式展现定位数据。实现的效果：一、定义标签样式varimage=n
·2021-09-01 17:04

leaflet.js 实现离线地图

在地图Gis模块开发常见需求功能点如下：打点相关：地图打点、海量点加载、点聚合点击点，自定义窗口显示点位详细信息。区域绘制-省市区边界样式修改、3D阴影等框线点-中心点画圆框选、多边形绘制框选判断点是否在选框范围之内。场景：在前端需求里实现以上地图相关功能时，我们常常可以使用百度地图、高德地图、谷歌地图、天地图等相关在线地图服务及api快速实现地图相关功能。但是对于有些客户是政务系统，只能使用内网
·2021-08-27 12:05

vue+openlayers绘制省市边界线

本文实例为大家分享了vue+openlayers绘制省市边界线的具体代码，供大家参考，具体内容如下1、创建项目vueinitwebpackol_vue2、安装ol依赖包npminstallol3、引入axiosnpminstallaxios
·2021-08-26 19:20

vue项目中openlayers绘制行政区划

vue项目中openlayers画行政区划（区域范围），供大家参考，具体内容如下原理在地图上画需要的范围，实际上就是在地图上打上一圈点，然后依次将这些点用线连接，就形成了范围引用相应的ol模块importVectorLayerfrom'ol
·2021-08-26 19:19

OpenLayers入门（二）

前言好久不见，距离OpenLayers入门第一篇已经过了很久，为什么迟迟没有后续呢，主要有两个原因，一是因为近期项目里使用地图的部分比较少，二是因为很多时候即使功能做出来了，但是还是不能完全理解，不是很明白的东西除了贴代码之外也写不了啥
·2021-08-03 00:09

OpenLayers入门（一）

OpenLayers简介OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求
·2021-08-03 00:08

Cesium轨迹回放

在使用openlayers做二维地图的时候也开发过轨迹回话，其基本思路就是使用一个定时器，实时更新车辆的位置的方向，让车辆在轨迹上跑，做法也比较简单，在Cesium中，使用CZML实现起来更容易。
写前端的大叔·2021-07-20 14:08

SuperMap二维iClient客户端如何添加自定义请求头(一）

在项目实际应用中，有时候需要在发送请求中添加一些自定义的请求头，那现在来看看SuperMap二维iClient客户端中是如何是使用的捏1.版本支持情况二维iClientforLeaflet/Openlayers
ayiyayiyo·2021-06-26 05:44

openlayers3中Geojson加载要素互相遮盖妙解

openlayers3中记载geojson文件，其实没有那么难，官网有例子，网上有demo，是呀，加载个图形，线段或者点的很容易，但是哥这次加载的是一幅json格式的室内地图（高逼格），各种图形错综复杂
FunGIS·2021-06-23 20:49
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他