openlayers可以通过xyz的方式加载nginx发布的cesiumlab切片。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>html,body,#cesiumContainer {width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}</style><title>地图演示</title><script src="./ol/dist/ol.js"></script><link rel="stylesheet" href="./ol/ol.css">
</head><body><div id="cesiumContainer"></div>
</body>
<script>// 外部服务基础urlvar baseUrl = 'http://localhost:8093';// 地球var mapUrl = baseUrl + "/Cesium/map.jpg"// cesiumlab切片地址var mapUrl1 = baseUrl + '/hhht/{z}/{x}/{y}.png';// 项目中心位置var mapCenter = [111.760654168185325, 40.734378538897155];console.log("openlayers---")//创建地图const map1 = new ol.Map({target: 'cesiumContainer',layers: [// 地球图层new ol.layer.Image({source: new ol.source.ImageStatic({url: mapUrl,imageExtent: [-180, -88, 180, 88]})}),// cesiumlab切片图层 （EPSG:4326）new ol.layer.Tile({source: new ol.source.XYZ({tileUrlFunction: function (coordinate) {console.log("xyz:", coordinate)return 'hhht/' + (coordinate[0] - 1) + '/' +coordinate[1] + '/' + coordinate[2] + '.png';},projection: "EPSG:4326",minZoom: 0,maxZoom: 21,}),// 图层范围，避免越界extent: [111.725463867,40.71707855479431,111.79584446937065,40.751678523]}),],// 视角设定view: new ol.View({center: mapCenter,zoom: 14,projection: 'EPSG:4326'}),});
</script></html>
![docker ENTRYPOINT [“sh“,“-c“,“java“,“-jar“,“Hello.jar“] 启动失败问题分析](http://pic.xiahunao.cn/docker ENTRYPOINT [“sh“,“-c“,“java“,“-jar“,“Hello.jar“] 启动失败问题分析)
)
