我正在寻找鼠标下图块的图像 url。
使用最新版本v4.6.4
有任何想法吗？
谢谢
图块源类包含有关图块网格的所有信息：tileSource.getTileGrid()您可以访问它的加载函数 http://openlayers.org/en/latest/apidoc/ol.source.OSM.html#getTileUrlFunction并将坐标、比例和投影传递给它。
const source = new ol.source.OSM();
const layer = new ol.layer.Tile({ source });
const view = new ol.View({
center: [2500000, 0], zoom: 5
});
const map = new ol.Map({
layers: [ layer,
new ol.layer.Tile({
source: new ol.source.TileDebug({
projection: 'EPSG:3857',
tileGrid: source.getTileGrid()
})
})
],
target: 'map',
view
});
const tileUrlFunction = source.getTileUrlFunction();
map.on('click', function(event) {
const grid = source.getTileGrid();
const tileCord = grid.getTileCoordForCoordAndZ(event.coordinate, view.getZoom());
console.log('clicked ', event.coordinate[0], event.coordinate[1]);
console.log('tile z,x,y is:', tileCord[0],tileCord[1], tileCord[2]);
console.log(tileUrlFunction(tileCord, 1, ol.proj.get('EPSG:3857')));
});
<link href="https://openlayers.org/en/v4.6.4/css/ol.css" rel="stylesheet"/>
<script src="https://openlayers.org/en/v4.6.4/build/ol-debug.js"></script>
<div id="map" class="map"></div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
