文件引入
<script src="https://cdn.bootcdn.net/ajax/libs/openlayers/4.6.5/ol.js"></script>
HTML
<div id="container" style="height: 100vh;"></div>
初始化
// 地图瓦片资源
let source = new ol.source.XYZ();
source.setUrl("tiles/{z}/{y}/{x}.png");
// 地图初始化
let map = new Map({
// html元素
target: 'container',
layers: [
// 加载地图瓦片
new Tile({
so...
展开全文