Vue+OpenLayers7入门到实战：OpenLayers如何加载xyz瓦片图层

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战

前言

本章介绍如何使用OpenLayers7在地图上加载xyz瓦片图层。

xyz是简单的地图瓦片服务，使用Z为地图缩放级别，使用X和Y对图层图片进行切割编号，URL通常为http://…/Z/X/Y.png，其中Z为缩放级别，X和Y标识图块。

甚至可以使用nginx、apache、tomcat、iis等web容器自行使用已有的单图或多图层的瓦片图片搭建简单的xyz服务，只需要确保x、y为编号，z为缩放级别即可在OpenLayers等地图引擎中使用。

二、依赖和使用

"ol": "7.5.2"

1. 使用npm安装依赖

npm