Question

我们开发了一个网页，我们在地图上显示一个国家的医疗机构位置。我们使用Leaflet进行地图显示。我们实际上不需要在后台显示在线地图图块。如果我们只能显示矢量国家地图也可以。我开始知道瓷砖可以下载并在Leaflet等中离线保存，但对此方向不感兴趣。

this page

中提供了我想要的内容

使用Leaflet但不显示世界地图在线图块。但是代码的理解非常复杂。有什么简单的例子或指导来做我需要的吗？

Answer 1

使用L.GeoJSON图层时，这实际上非常简单。首先，您需要为要显示的区域找到正确的GeoJSON。例如，以下是美国的一些内容：http://eric.clst.org/Stuff/USGeoJSON。接下来像平常一样创建一个地图：

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

然后你需要使用ajax通过jQuery或其他东西将你的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 = 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

没有地图图块的宣传单离线地图

1 个答案: