概述

关于切片下载以及切片的本地部署的问题，本来我觉得挺简单的，但是一直会有有好多童鞋问我，所以借此文章，将这件事情在此说明清楚一下。

工具

1. qgis

借助qgis的插件QMetaTiles插件实现第三方地图的切片下载。

2. nginx

通过nginx，将下载的切片提供xyz的服务出来。

3.mapboxGL

通过mapboxGL调用发布的切片服务。

实现效果

操作

1.qgis中添加xyz服务

浏览器——>XYZ Tiles——>右键——>新建连接，输入连接名称，在URL框中输入服务地址http://webrd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8。

2. 下载切片

3. 部署切片

修改nginx配置文件conf/nginx.conf,修改配置文件如下：

http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       8089;server_name  localhost;#允许跨域请求的域，*代表所有add_header 'Access-Control-Allow-Origin' *;#允许带上cookie请求add_header 'Access-Control-Allow-Credentials' 'true';#允许请求的方法，比如 GET/POST/PUT/DELETEadd_header 'Access-Control-Allow-Methods' *;#允许请求的headeradd_header 'Access-Control-Allow-Headers' *;#切片服务location ~ .*\.(gif|jpg|jpeg|png)$ {  expires 24h;  root D:/test2/nav/vec/nav_vec/;#指定图片存放路径  access_log D:/test2/nav/vec/nav_vec/log;#图片路径  proxy_store on;  proxy_store_access user:rw group:rw all:rw;  proxy_temp_path         D:/test2/nav/vec/nav_vec/;#图片路径  proxy_redirect          off;  proxy_set_header        Host 127.0.0.1;  proxy_set_header        X-Real-IP $remote_addr;  proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;  client_max_body_size    10m;  client_body_buffer_size 1280k;  proxy_connect_timeout   900;  proxy_send_timeout      900;  proxy_read_timeout      900;  proxy_buffer_size       40k;  proxy_buffers           40 320k;  proxy_busy_buffers_size 640k;  proxy_temp_file_write_size 640k;    }location / {root   html;index  index.html index.htm;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

说明：

配置中端口默认为8080，为防止端口冲突，将端口改为为8089；
D:/test2/nav/vec/nav_vec/为切片下载的存放地址；
调用中为了防止出现跨域，在配置中加入允许跨域配置；

4.mapboxGL中调用实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' /><style>html,body,#map {width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}</style>
</head>
<body>
<div id="map"></div>
<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
<script>var style = {"version": 8,"name": "lzugis","sources": {"XYZTile": {"type": "raster","tiles": ['http://localhost:8089/{z}/{x}/{y}.png'],"tileSize": 256}},"layers": [{"id": "XYZTile","type": "raster","source": "XYZTile","minzoom": 0,"maxzoom": 8}]}window.map = new mapboxgl.Map({container: 'map',style: style,center: [103.081163, 37.1612],zoom: 3.45,minZoom: 2,maxZoom: 8});
</script>
</body>
</html>

qgis切片下载与本地部署以及调用相关推荐

ArcGIS API For JavaScript Font字体简介，下载及本地部署
一.TextSymbol 字体font简介在ArcGIS API For JavaScript开发中,设置标注label 或Graphic时若使用TextSymbol,用font设置文字样式,如字体 ...
Exceptionless 本地部署
前两天看到了这篇文章免费开源分布式系统日志收集框架 Exceptionless,亲身体会了下,确实不错,按照官方的文档试了试本地部署,折腾一番后终于成功,记下心得在此,不敢独享. 本地部署官方wiki ...
RocketMQ3.2.6安装部署及调用
RocketMQ3.2.6安装部署及调用 1.RocketMQ部署架构所有IP都是127.0.0.1,其中NameServer一个,Broker一个,Producer一个,Consumer一个 2. ...
SAP UI5 应用开发教程之一百 - 如何修改 SAP UI5 框架的源代码实现，以及使用本地部署的 SAP UI5 SDK 试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
AI专业教您保姆级在暗影精灵8Windows11上本地部署实现AI绘画：Stable Diffusion（万字教程，多图预警）
目录一.Stable Diffusion介绍二.Stable Diffusion环境搭建 1.Anaconda下载与安装 2.Pycharm(IDE)下载与安装 3.CUDA.CuDNN下载与安装 ...
以太坊学习路线——（三）Solidity常用IDE搭建、合约编译、部署、调用
这篇博客演示的基本操作系统环境是CentOS 7,参考书籍:以太坊开发实战--以太坊关键技术与案例分析第七.九章(吴寿鹤.冯翔.刘涛.周广益著). 一.常用IDE 1.remix:是一个浏览器 ...
PaddleOCR百度开源—文字识别OCR windows端口本地部署使用
目录更新时间:2022年02月07日新增: 本地调用OCR 什么是Paddle OCR? Paddle OCR特性: 导言下载源码配置环境安装依赖库报错处理办法: 下载模型文本检测模型 ...
jQuery之miniUI本地部署
jQuery之miniUI本地部署很多人在官网上下载jQuery miniUI后,在进行本地部署的时候,常常遇到一些问题: 1.本地端demo表格内容无法显示,连接数据库失败? 这是因为部分文件配置 ...
QGIS分别下载天地图和OSM道路数据（weixin公众号【图说GIS】）
前言有人问怎么下载道路数据?本文介绍的下载源为天地图和OSM,个人还是推荐天地图,OSM的属性不全面,加之所有的矢量数据都下载下来了,还要处理,比较麻烦. 其余QGIS数据制作相关的可看下文: &l ...

qgis切片下载与本地部署以及调用

概述

工具