沒有地圖圖塊的傳單離線地圖

Question

我們開發了一個網頁，我們在地圖上顯示了一個國家的醫療機構位置。 我們使用 Leaflet 來顯示地圖。 我們實際上不需要在后台顯示在線地圖圖塊。 如果我們只能顯示一個矢量國家地圖也可以。 我開始知道可以在 Leaflet 等中離線下載和保存圖塊，但對那個方向不感興趣。

我想要的在此頁面上可用

使用 Leaflet 但不顯示世界地圖在線圖塊的地方。 但是代碼非常復雜，難以理解。 有什么簡單的例子或指導可以做我需要的嗎？

Answer 1

當使用L.GeoJSON層時，這實際上很容易。 首先，您需要為要顯示的區域找到正確的 GeoJSON。 例如，這里有一些針對美國的： http : //eric.clst.org/Stuff/USGeoJSON 。 接下來像往常一樣創建一個地圖：

var map = new L.Map('map', {
    'center': [0, 0],
    'zoom': 0
});

然后，您需要通過 jQuery 或其他方式使用 ajax 將您的 GeoJSON 數據提取/加載到您的腳本中，並使用它來初始化 GeoJSON 圖層並將其添加到您的地圖中：

// jQuery ajax request
$.ajax({
    // url with your geojson data file
    'url': 'my.geo.json',
    // return json object, not as string
    'dataType': 'json',
    // on success handle result
    'success': function (result) {
        // Initialize GeoJSON layer and add to map
        var layer = new L.GeoJSON(result).addTo(map);
        // Fit map to bounds of your GeoJSON
        map.fitBounds(layer.getBounds());
     }
});

就是這樣。 您可以在網上找到很多 GeoJSON 數據集，如果您想了解更多關於 L.GeoJSON 的信息，我建議您閱讀我之前鏈接的參考資料和本教程： http : //leafletjs.com/examples/geojson.html