html Web应用程序的离线Map

41ik7eoe  于 2023-06-20  发布在  其他
关注(0)|答案(1)|浏览(103)

我正在尝试创建一个Web应用程序,在其中您应该看到一个Map,并在不同的地点点击做的事情。现在的问题是,它是一个离线应用程序,客户端和服务器没有连接到互联网,所以我不能访问谷歌或OpenStreetMap的服务器来获取Map。
现在的问题是:我不知道如何创建一个没有互联网连接的Map。我已经看到了一些想法,但他们都支付或不符合我们的要求。这些要求是,我们必须显示所有的西班牙,并能够放大到约10 - 20平方米的地区,也许多一点,卫星风格的看法将不胜感激,但它不是一个必须有的东西,只是一个很好的东西有。在这个缩放级别下,我知道下载png格式的图块需要很大的空间,所以最好的办法是有一个带有svg数据的渲染服务器。
我已经读到,它可以缓存Map与开放层,但在重新启动时,数据丢失,我看到的是,它可以下载数据与移动Map集创作者,但它不允许我下载所有的西班牙和缩放水平是不够的。我也尝试了渲染服务器与GeoServer,但我不知道在哪里下载Map的IR,因为osm格式从openmaps不支持。我最后看到的是这个:Using OpenStreetMap offline但我不知道该怎么做。
问题是有谁知道我是怎么做到的吗?我的方法是正确的,还是有更好的方法?
一些额外的信息:我是一个初级开发人员,所以我有点迷失了这个,我也使用html,CSS和JavaScript的客户端和服务器是一个node.js快递服务器。此外,我知道渲染服务器会消耗大量资源,但我们有一个16核/32线程和64GB RAM的服务器,所以我认为这应该足够了,存储不是问题,我们可以升级它,它运行OpenSuse Leap 15.4。
先谢谢你了。

tv6aics1

tv6aics11#

解决方案是用途:

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
      }),
});

对于用于创建在线Map并使用此工具下载图块的Map而不是OSM层:GMapCatcher .它可以让你下载不同类型的瓷砖(包括卫星).它需要一点调整,以获得正确的,因为它不使用OSM默认情况下,但它的工作。

相关问题