使用离线 OSM 的离线 OpenLayers Web 应用程序

Question

我正在尝试创建基于地图的网络应用程序，用户可以在提供的地图上设置地标。地图的边界仅限于一个小城市，客户端计算机始终处于离线状态，根本无法上网。经过一整天的谷歌搜索，我发现 OpenLayers and OpenStreetMap 的组合是一个不错的选择。

以下示例由OpenLayers网站提供：

<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="http://openlayers.org/en/v3.0.0/css/ol.css" type="text/css">
    <style>
      .map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="http://openlayers.org/en/v3.0.0/build/ol.js" type="text/javascript"></script>
    <title>OpenLayers 3 example</title>
  </head>
  <body>
    <h2>My Map</h2>
    <div id="map" class="map"></div>
    <script type="text/javascript">
      var map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.MapQuest({layer: 'sat'})
          })
        ],
        view: new ol.View({
          center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
          zoom: 4
        })
      });
    </script>
  </body>
</html>

这工作正常，但需要一台连接互联网的计算机。经过几个小时的谷歌搜索，我发现了另一个 website，它提供离线 OpenStreetMap 数据，格式为 .osm。现在我不知道是否可以将这些 .osm 文件提供给 OpenLayers，比如本地地图服务器？客户端计算机是运行 IIS 8

Answer 1

要使用 OpenLayers（或 Leaflet）离线显示地图，您需要光栅 tiles。 .osm 文件无法直接显示，因为它包含原始矢量数据，必须先渲染。

要生成图块，请查看 Maperitive or TileMill. Then import a country or area extract. Alternatively you could set up your own rendering server，这需要多做一些工作。

使用离线 OSM 的离线 OpenLayers Web 应用程序

Offline OpenLayers web app using offline OSM

asp.net

openlayers

openstreetmap

offlineapps