Openlayers实战:加载OpenStreetMap(快速显示无加载不出状态)
发布日期:2025-04-29 00:32:21 浏览次数:3 分类:精选文章

本文共 1349 字,大约阅读时间需要 4 分钟。

Openlayers?Openstreetmap????

Openlayers?Openstreetmap??????????????????????Openlayers????????????????????????????Openstreetmap???????????????????????????????????????????????????????

Openlayers????

Openlayers????????????????????????WGS84? Mercator??????????????????????????API???????????????????????Openlayers??????????????????????????????

Openstreetmap???

Openstreetmap???????????????????????????????????????????????????????Openstreetmap??????API???????????????????????????????????

        
// Openlayers????
const map = new ol.Map({
view: new ol.View({
center: ol.proj.fromLonLat([0, 0]),
zoom: 2
})
});
// Openstreetmap????
fetch('https://tile.openstreetmap.org/tiles/{z}/{x}/{y}.png')
.then(response => response.blob())
.then(data => {
const url = URL.createObjectURL(data);
const img = document.createElement('img');
img.src = url;
document.body.appendChild(img);
});

??????????????????????????Openlayers????????????????Openstreetmap????????????????????????????????????????

上一篇:Openlayers实战:加载SHP文件
下一篇:Openlayers实战:加载KML文件

发表评论

最新留言

表示我来过!
[***.240.166.169]2025年04月27日 17时15分49秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章