地图瓦片数据的多种利用形式以及瓦片数据的浏览显示

简介: 地图瓦片数据的多种利用形式以及瓦片数据的浏览显示

 针对【亲自实践能够下载的谷歌地图切片url地址】谷歌地图数据下载的尝试以及Python爬虫实现一文评论区中有小伙伴问‘下载下来的瓦片数据能否在ArcGIS上直接使用’的问题,对其相关的利用方式进行叙述。


首先工程上,拿到这些瓦片数据后,主要用于地图软件的底图背景。那么会将其打tar包,再在移动终端中通过软件访问。


打tar包方式


1、windows:


如果有Git可以直接在Git Bash Here 内通过命令行打包;

1.png

也可以通过7-ZipPortable工具打包,打开exe然后选择需要打包的文件/文件夹,右键选择7-zip->添加到压缩包,选择tar即可。

1.png

1.png

1.png

WINDOWS下使用7z压缩生成tar.gz包 - 走看看 (zoukankan.com)


2、Linux:


直接在终端上通过命令打包;

tar打包命令(linux)_高压锅_1220的博客-CSDN博客_tar 打包

1.png

命令:tar -cvf <打包文件名.tar> <需要被打包的文件>


例如:tar -cvf satellite.tar satellite


打完tar包后,则可以将其放在相应的终端上(比如手机)通过开发的地图软件去浏览地图数据。


然后则是通过tomcat服务分发形式去浏览。这也是这一文中的重点。

1、将下载下来的图片放在服务器tomcat下的webapps文件夹下,然后启动tomcat( ./catalina.sh run)


2、这里可以直接在虚拟机/服务器中启动tomcat,也可以通过远程连接的形式启动。


谷歌瓦片地图下载方式参见:【亲自实践能够下载的谷歌地图切片url地址】谷歌地图数据下载的尝试以及Python爬虫实现_nanke_yh的博客-CSDN博客_谷歌地图数据下载


这里远程连接服务器具体操作可以参见:【过关斩将般的一步步实现】windows本机通过xftp/xshell连接连接Ubuntu虚拟机服务器_nanke_yh的博客-CSDN博客


3、再在html上使用openlayers去加载离线图像,通过服务请求的url为:


http://localhost:8080/satellite/{z}/{x}/{y}.png


那么直接打开html文件就能够浏览地图了。


瓦片地图数据显示效果演示


这里主要通过远程连接形式演示一下瓦片图加载后的效果(远程的会了,那么直接访问也就会了):


1、在主机上打开Xshell,然后设置一下服务器,主要是IP地址和端口号,服务器用户名与密码;


2、连接服务器,用cd命令定位到放置有瓦片数据的tomcat文件夹的bin文件夹下;


3、输入./catalina.sh run启动tomcat;

1.png

4、启动完后,我们可以通过url去获取服务器内的瓦片数据:

这里需要注意,由于是通过远程连接方式访问服务器,那么url中的localhost需要换成服务器的ip地址。

1.png

5、也可以通过编写好的html访问所有瓦片数据集:

1.png

1.png

image.png

这里面的html内主要是调用了openlayers,让其加载离线地图:

<script src="js/ol.js"></script>

重要的是需要在body内定义一个map区块:

<div id="myposition"></div><!--点坐标显示-->
<div id="map"></div>

然后直接使用ol中的函数对瓦片数据进行加载。

    //创建地图
    var map = new ol.Map({
        view: new ol.View({
            center: centerPos,//地图中心位置
            minZoom:1,
        maxZoom:20,
        zoom: 5//地图初始层级
        }),
    //extent: fullExtent,
    controls: ol.control.defaults().extend([mousePositionControl]),
        target: 'map'
    });
  var offlineSource =  new ol.source.XYZ({
            url:'http://服务器IP地址:8080/satellite/{z}/{x}/{y}.png',      
            projection: 'EPSG:3857',
      });
    // ol.source.XYZ添加瓦片地图的层
    var tileLayer = new ol.layer.Tile({
      source: offlineSource
    });
    map.addLayer(tileLayer);//添加到map里面
目录
相关文章
|
网络协议 API
计算机网络:传输层——多路复用与解复用
计算机网络:传输层——多路复用与解复用
444 0
|
编解码 人工智能
蚂蚁百灵大模型推出20亿参数遥感模型SkySense
【2月更文挑战第13天】蚂蚁百灵大模型推出20亿参数遥感模型SkySense
810 1
蚂蚁百灵大模型推出20亿参数遥感模型SkySense
|
6月前
|
人工智能 算法 安全
IROS 2025 |从数字智能走向物理智能,“桃源”与真实世界机器人学习挑战赛启动,2大赛道等你来战
2025年10月,IROS (智能机器人与系统国际会议)期间,上海人工智能实验室(上海AI实验室)将举办物理世界中的多模态机器人学习研讨会,IROS 2025“桃源”与真实世界机器人学习挑战赛(机器人学习挑战赛)现已启动报名,欢迎全球创新者与挑战者参加。
782 0
|
算法 安全 定位技术
地图一共有多少个坐标系?有什么区别?如何选择?
地图一共有多少个坐标系?有什么区别?如何选择?
2321 11
|
C语言 Ubuntu
蓝易云 - ubuntu20.04安装gcc5.4 g++5.4
以上步骤应该可以帮助你在Ubuntu 20.04上安装GCC 5.4和G++ 5.4。
1246 2
|
并行计算 异构计算 索引
JAX 中文文档(十六)(4)
JAX 中文文档(十六)
317 2
|
算法 搜索推荐 Python
推荐算法的Python实现——ItemCF(基于物品的协同过滤)
推荐算法的Python实现——ItemCF(基于物品的协同过滤)
|
存储 缓存 监控
分布式监控CAT服务端的本地部署
CAT(Central Application Tracking),是美团点评基于 Java 开发的一套开源的分布式实时监控系统。美团点评基础架构部希望在基础存储、高性能通信、大规模在线访问、服务治理、实时监控、容器化及集群智能调度等领域提供业界领先的、统一的解决方案,CAT 目前在美团点评的产品定位是应用层的统一监控组件,在中间件(RPC、数据库、缓存、MQ 等)框架中得到广泛应用,为各业务线提供系统的性能指标、健康状况、实时告警等服务。
1115 0
分布式监控CAT服务端的本地部署
|
SQL Oracle 关系型数据库
ORACLE错误码及解决方法
ORACLE错误码及解决方法
1217 0
|
API
uniapp点击图片放大预览
uniapp点击图片放大预览
1005 0

热门文章

最新文章