OpenLayers

免费提供离线地图部署服务

由 百般思念 提交于 2021-01-27 09:55:15
1. 概述 当需要在内网离线发布卫星影像地图时，如果只是一个小数据量的市县范围，则只需要直接将卫星影像地图导出为散例的瓦片进行离线发布即可。 但如果需要离线发布一个省，或者全国乃至全球范围的卫星影像地图时，就强烈建议要通过基于DAT文件的金字塔分块模式进行发布了。 关于DAT文件的相关说明，请参阅" DAT与IDX格式文件如何打开？ "一文【点击查看】中的详细描述。 如果你不了解DAT文件如何在内网中进行离线发布，我们可以通过远程为你免费提供离线地图部署服务，手把手教会你如何离线发布基于DAT文件的海量卫星影像。 当你完全掌握了离线部署的方法技巧之后，就可以在一个完全与互联网进行物理隔离的内网进行离线发布了。 2. 离线发布卫星影像地图的准备工作 为了说明基于DAT文件的离线卫星影像发布方法，请先免费领取一个省的DAT离线卫星影像数据，你只需要通过关注微信公众号"水经注GIS"，并回复"免费数据"即可根据流程说明进行免费领取。 发布一个省的DAT离线卫星影像数据，由于数据量比较大，我们需要通过《水经注地图发布服务中间件》进行发布，请通" 《地图发布服务中间件》下载安装教程 "一文【点击查看】了解它在Windows系统中的安装使用方法。 如果你的地图服务器是Linux系统，请通过" 《水经注地图发布服务中间件》For Linux 版发布 "一文【点击查看

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

由 我的未来我决定 提交于 2020-12-23 08:39:03
前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api ，里面详细的介绍 openlayers4 各个类的介绍，还有就是在线例子： openlayers4 官网在线例子 ，这个也是学习 openlayers4 的好素材。 openlayers4 入门开发系列的地图服务基于 Geoserver 发布的，关于 Geoserver 方面操作的博客，可以参考以下几篇文章： geoserver 安装部署步骤 geoserver 发布地图服务 WMS geoserver 发布地图服务 WMTS geoserver 集成以及部署 arcgis server 瓦片数据 内容概览 1.基于 openlayers4 实现地图热力图 2.源代码 demo 下载 本篇的重点内容是利用 openlayers4 实现热力图功能，效果图如下： 实现思路 热力图界面设计 // 热力图 "<div style='height:25px;background:#30A4D5;margin-top:2px;width: 98%;margin-left: 3px;'>" + "<span style='margin-left:5px;font-size: 13px;color:white;'>热力图</span>" + "</div>" + '<div id=

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

由 ∥☆過路亽．° 提交于 2020-12-23 08:38:36
前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api ，里面详细的介绍 openlayers4 各个类的介绍，还有就是在线例子： openlayers4 官网在线例子 ，这个也是学习 openlayers4 的好素材。 openlayers4 入门开发系列的地图服务基于 Geoserver 发布的，关于 Geoserver 方面操作的博客，可以参考以下几篇文章： geoserver 安装部署步骤 geoserver 发布地图服务 WMS geoserver 发布地图服务 WMTS geoserver 集成以及部署 arcgis server 瓦片数据 内容概览 1.基于 openlayers4 实现地图切换效果 2.源代码 demo 下载 本篇的重点内容是利用 openlayers4 来加载不同类型地图服务，实现了地图切换功能，效果图如下： 地图切换篇运用到了 openlayers4 的核心类 ol.layer.Tile ol.layer.Tile openlayers4 加载瓦片地图类，关于 Tile 详情看官方的 api 说明，里面具有有哪些函数、属性以及事件等等 ol.source.XYZ ol.source.XYZ openlayers4 的 ol.layer.Tile 加载瓦片 XYZ 目录访问数据源，关于 ol.source.XYZ

openlayers6热力图(附源码下载)

由 点点圈 提交于 2020-10-09 06:05:37
前言 之前写过一篇openlayers4版本的地图热力图文章，但是由于是封装一层 js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图热力图文章，直接基于最新版本openlayers6写的，纯粹html + js + css形式，没有任何封装。 内容概览 1.基于openlayers6实现地图热力图效果 2.源代码demo下载 效果图如下： 大概实现思路如下：读取热力图模拟数据源json，构造openlayers热力图数据源features，然后创建热力图图层（核心类Heatmap），设置Heatmap的初始化一些参数值，比如weight权重值，radius，gradient，blur等等，参数详细说明自行看openlayers官网文档api Heatmap ；创建好热力图图层之后，radius值我这里不是固定写死，是通过监听地图缩放事件动态设置radius不同大小的，个人纯粹觉的为了让热力图渲染更看好一点，别无他意。 具体实现过程 html 样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Using OpenLayers with Webpack</title> <link rel="stylesheet" href="https://openlayers.org/en/latest

openlayers6热力图(附源码下载)

由 寵の児 提交于 2020-10-06 10:03:20
前言 之前写过一篇openlayers4版本的地图热力图文章，但是由于是封装一层 js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图热力图文章，直接基于最新版本openlayers6写的，纯粹html + js + css形式，没有任何封装。 内容概览 1.基于openlayers6实现地图热力图效果 2.源代码demo下载 效果图如下： 大概实现思路如下：读取热力图模拟数据源json，构造openlayers热力图数据源features，然后创建热力图图层（核心类Heatmap），设置Heatmap的初始化一些参数值，比如weight权重值，radius，gradient，blur等等，参数详细说明自行看openlayers官网文档api Heatmap ；创建好热力图图层之后，radius值我这里不是固定写死，是通过监听地图缩放事件动态设置radius不同大小的，个人纯粹觉的为了让热力图渲染更看好一点，别无他意。 具体实现过程 html 样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Using OpenLayers with Webpack</title> <link rel="stylesheet" href="https://openlayers.org/en/latest
订阅 OpenLayers