我正在嘗試創建一個web應用程序，在這個應用程序中，你可以看到一張地圖，并在不同的地方點擊來做事情。現在的問題是，它是一個離線應用程序，客戶端和服務器沒有連接到互聯網，所以我不能訪問谷歌或OpenStreetMap的服務器來獲取地圖。

現在的問題是:我不知道如何在沒有互聯網連接的情況下創建地圖。我已經看到了一些想法，但他們都支付或不符合我們的要求。這些要求是，我們必須顯示整個西班牙，并能夠放大到10-20平方米左右的區域，也許更多一點，衛星風格的視圖將受到贊賞，但它不是一個必須擁有的東西，只是一個很好的東西。 在這樣的縮放水平下，我知道下載png格式的圖片需要很大的空間，所以最好的辦法是有一個帶有svg數據的渲染服務器。

我了解到可以用openlayers緩存地圖，但重啟后數據會丟失，我看到可以用Mobile Atlas Creator下載數據，但它不允許我下載整個西班牙，縮放級別也不夠。我還嘗試了渲染服務器 但是我不知道從哪里下載ir的地圖，因為不支持openmaps的osm格式。我看到的最后一件事是:離線使用OpenStreetMap，但我不知道如何去做。

問題是:有人知道我是怎么做到的嗎？我的方法對嗎？或者有更好的方法嗎？

一些額外的信息:我是一個初級開發人員，所以我對這個有點困惑，而且我在客戶端使用html，CSS和JavaScript，服務器是node.js express服務器。此外，我知道渲染服務器會消耗大量資源，但我們有一臺16核/32線程和64GB RAM的服務器，所以我認為這應該足夠了，存儲不是問題，我們可以升級它，它運行OpenSuse Leap 15.4。

提前感謝。

解決方案是使用:

const raster = new ol.layer.Tile({
    source: new ol.source.XYZ({
        url: 'imgs/sat_tiles/{z}/{x}/{y}.png' // Ruta donde se encuentran los archivos tiles descargados
      }),
});

對于用于創建在線地圖的地圖而非OSM圖層，使用此工具下載切片:GMapCatcher。 它可以讓你下載不同類型的瓷磚(包括衛星)。它需要一點調整，以獲得正確的，因為它不使用默認的OSM，但它的作品。