ajax - 使用传单 ajax 将外部 geojson 文件加载到传单 map 中

Question

我正在尝试使用传单 ajax 加载外部 geojson。 我认为geojson的结构是正确的。这是link它的。 这是我根据 HERE 所做的:

在头部:

<script src="../external/js/leaflet.js"></script>
<script src="../external/js/leaflet.functionaltilelayer.js"></script>  
<script src="../external/js/leaflet.ajax.min.js"></script> 

在 JavaScript 中:

var mymap = L.map('mapid',{ center: new L.LatLng(the_center_splitted[0],the_center_splitted[1]),maxZoom: 17, minZoom:11, zoom: 14}); //creating the map

var gs = new L.TileLayer('../external/maps/qom/gs/gs_{x}_{y}_{z}.jpg', {opacity:    1,scheme: 'TMS'}).addTo(mymap); //loading image layer

var geojsonLayer = new L.GeoJSON.AJAX("../external/map/qom/geojson/qom.geojson");

geojsonLayer.addTo(mymap);

但是 geojson 文件未显示，我收到此错误: ncaught TypeError: L.GeoJSON.AJAX 不是构造函数
如果有人可以提供帮助，我将不胜感激。 谢谢。

Answer 1

“functiontilelayer.js”是做什么用的？在代码片段中你不需要它。 并且 var gs = new L.tileLayer 具有较低的 t - 更改它并重试!

<script src="../external/js/leaflet.js"></script> 
<script src="../external/js/leaflet.ajax.min.js"></script> 

var mymap = L.map('mapid',{ center: new L.LatLng(the_center_splitted[0],the_center_splitted[1]),maxZoom: 17, minZoom:11, zoom: 14}); //creating the map

var gs = new L.TileLayer('../external/maps/qom/gs/gs_{x}_{y}_{z}.jpg', {opacity:    1,tms: true}).addTo(mymap); //loading image layer

var geojsonLayer = new L.GeoJSON.AJAX("../external/map/qom/geojson/qom.geojson");

geojsonLayer.addTo(mymap);