关于WEB端实现电子海图之Openlayers加载切片

最新推荐文章于 2024-12-14 10:31:11 发布
最新推荐文章于 2024-12-14 10:31:11 发布
阅读量1.9k 收藏 4
点赞数
分类专栏： 地图学习 文章标签： 前端 javascript html GeoServer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zilvzsy/article/details/128037923
版权

记笔记，免忘记！

关于WEB端实现电子海图研究之思路

关于WEB端实现电子海图研究二GeoServer

GeoServer完成shp文件切矢量图后，我们需要加载GeoServer切片在web上展示。

vector-tiles-tutorial官方示例

以下示例使用openLayers来加载

D:\software\GeoServer 2.13.1\data_dir\www目录下新建一个文件夹vectortiles新建文件如下图，我为了方便自己使用EPSG编码命名的文件

示例正确显示
正确的地图显示

 

 EPSG:900913下代码：

以下只能900913。如果使用EPSG:4326显示不了。（因为这里我用下面的代码使用EPSG:4326，一直不显示，查了N个页面都不行，费时2天才知道只能EPSG:900913）

<!DOCTYPE html>
<html>

<head>
    <title>Vector tiles</title>
    <script src="./ol3/ol.js"></script>
    <link rel="stylesheet" href="./o
最低0.47元/天 解锁文章
OpenLayers6入门，OpenLayers加载船讯网航海地图
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
08-17 802
本章实现OpenLayers加载船讯网航海地图。
openlayers：实现加载海图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
02-12 651
openlayers：实现加载海图（附完整源码）
电子海图引擎源码
11-13
在Linux上开发的S57电子海图引擎源码，提供一个命令行工具查看S57文件内容，和一个Qt4应用程序，这次把所有源码都发上来了，功能介绍参见http://download.csdn.net/download/ljq1000/4373164
28.在 Vue 3 中使用 OpenLayers 加载 MVT 格式矢量瓦片数据并显示图形
最新发布
小彭的博客
12-14 936
随着前端开发技术的不断进步，越来越多的强大地图库被广泛应用于 Web 地图应用开发中。OpenLayers是一个流行的开源 JavaScript 库，能够帮助开发者快速构建交互式地图应用。而Vue 3作为现代化的前端框架，已经成为开发者构建高效、响应式用户界面的首选工具。本文将介绍如何在Vue 3中结合OpenLayers使用格式加载矢量瓦片数据，并通过简单的样式显示图形。你将学习如何使用 MVT 格式来显示地图数据，并使用 OpenLayers 提供的强大功能进行可视化展示。
openlayers加载切片地图
weixin_34034670的博客
09-24 938
使用的软件是tilemile。openlayers2和openlayers3加载切片地图使用的接口是不同的。下面做分析。 openlayers2: layerName为图层名字，tileUrl为切片所在路径 function getTileLayerFunc(layerName,tileUrl){ var mapMinZoom = 16; ...
关于WEB端实现电子海图研究之思路
zilvzsy的博客
11-25 1175
将S-57标准.000文件转成GeoServer支持的shp文件，利用GeoServer对shp文件进行数据样式调整 ，数据拼接，shp文件发布，矢量切片，再通过leaflet或者openlayer加载GeoServer服务矢量切片展示整个地图。
openlayer加载矢量切片
weixin_30800807的博客
10-28 612
数据是GIS的灵魂，没有数据也就谈不上GIS了，数据分为矢量数据和栅格数据，栅格数据也有一些短处，缺乏灵活性、实时性，数据完整性受损是比较突出的问题，矢量数据不同于栅格数据，比较灵活，数据完整，将两者结合诞生出—>矢量切片，不要被矢量这个词迷惑，矢量切片是不可被编辑的，不可编辑不代表不能获取其属性信息。 矢量数据的优点: 矢量切片可以以三...
openlayers加载本地切片、高亮显示
04-01
花费了很久整理的ol2的代码直接可用附带3级切片
web电子海图开发包，OpenLayers 4 开发包，
06-10
OpenLayers是一个开源的项目，其设计之意是为互联网客户端提供强大的地图展示功能，包括地图数据显示与相关操作，并具有灵活的扩展机制。目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟、流行的框架。 ...
解决openlayers加载百度地图，坐标偏移，热力图渲染闪烁问题
09-10
项目需求是想在百度地图上面用openlayers渲染热力图，然后就去看了相关openlayers的文档，选择了6.15.1版本，然后仿照地震热力图例子写了代码，但是由于自带是OSM地图，不符合项目要求，所以研究了如何加载百度地图...
Openlayer加载geoserver发布的矢量切片
09-28 1759
ol版本使用5.3.3 6.1.1访问矢量切片会报错 <template> <div> <div id="map" ref="rootmap"></div> </div> </template> <script> import "ol/ol.css"; import { Map, View } from "ol"; import { VectorTile as VectorLayerTile, Ti
基于web的电子海图综述
08-03
电子海图的开发、、应用、、、及所需要的技术
openlayers中海图的加载
LZUGIS
07-07 1461
概述 在openlayers中直接加载海图会有偏移，这是因为海图的坐标是做了便宜的，所以需要定义海图的坐标，本文将讲述如何实现，并对比OSM和高德。 效果 实现 <!DOCTYPE html> <html> <head> <title>XYZ</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://openlayers.org/en/v4
【Openlayers】OL中加载矢量切片，可有效解决大数据量的问题
weixin_46246967的博客
07-23 317
【Openlayers】OL中加载矢量切片，可有效解决大数据量的问题
电子海图开发第十九篇 web电子海图 使用OpenLayers加载瓦片地图（共一百篇）
电子海图
06-27 2040
构建OpenLayers，首先在在要web电子海图的网页中引入ol.js和ol.css这两个文件，你可以到openlayers官网去下载这个文件，也可以到http://www.sailxy.com查看源代码下载这两个文件，并且可以查看演示的效果。 map的创建完整代码 <!doctype html> <html lang="en"> <head> <link rel="stylesheet" href="js/ol/ol.css" type=...
运行在WEB上的电子海图数据
陈源荣
12-21 1835
运行在WEB上的电子海图数据 背景 最近公司接到一个项目，在web中显示客户给电子海图数据，刚拿到的数据格式为.000的数据文件，当时我想到的就是最热门的ArcGIS， 可是这个是收费的，而且费用还不少。经过和客户商量，得到最后的需求是用电子海图作地图，可以在海图上面叠加信息就行。 开发思路： ...
openlayers 加载ArcGIS 切片地图
Kaybee - 练级之路
01-03 4929
我这里使用的版本是openlayers 3.11.1主要的方式是使用 ol.source.XYZ 这个类来加载 切片，ArcGIS生成切片的目录文件的方式为： \L10\R00000181\C0000034a.png其中 10 为地图的缩放比例，00000181和’0000034a’ 分别是十六进制的 切片横纵坐标，也就是说我们按照这个规律就可以加载到对应的切片，然后将加载的切片拼接成图层加载到m
电子海图开发第十八篇 web电子海图 使用OpenLayers加载瓦片地图（共一百篇）
电子海图
06-26 2305
一、OpenLayers简介 OpenLayers是一个用于开发WebGIS客户端的JavaScript包，最初基于BSD许可发行。OpenLayers是一个开源的项目，其设计之意是为互联网客户端提供强大的地图展示功能，包括地图数据显示与相关操作，并具有灵活的扩展机制。目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟、流行的框架。 以下是OpenLayers的官方网站： https://openlayers.org/ 二、OpenLayers的特征 2.1、支持瓦片图层 Open...
电子海图开发第十七篇 web电子海图的加载与开发（共一百篇）
电子海图
06-22 1459
可以观察一下web地图在展示时，通常是一个正方形一个正方形的出现，这些正方形地图上成为瓦片。下面我们来说一下地图的组织方式。 如果地图数据有一个G，那么在端上展示地图时，是把整个地图数据全部下载下来好还是只把我们需要看的一部分下来好呢。答案肯定是后者。那么有来一个问题，是每次都根据位置实时计算好还是提前将地图分割成块，根据范围加载瓦片好呢？这个问题的答案不完全是瓦片，但绝大多数都是。所以现在互联网地图的组织形式就是金字塔结构的瓦片地图。 瓦片地图金字塔模型是一种多分辨率层次模型，从瓦片金字塔的底层到顶层
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值