logo标签列表

将外部的geojson添加到leaflet图层中

ajaxleafletgeojson
3
我是新手，对于leaflet和JavaScript并不熟悉。我想使用geocommons和GeoJSON来为我的地图项目托管数据。
我找到了External GeoJSON and Leaflet: The Other Way(s)这篇文章，它介绍了使用leaflet插件读取外部GeoJSON的方法，但是我无法让点在我的地图上显示出来。代码中的地图部分可以正常渲染，但是GeoJSON却不会出现。
var geojsonLayer = new L.GeoJSON.AJAX("http://geocommons.com/datasets/168923/features.json?lat=53.796&lon=-1.551&radius=3&callback=?", {onEachFeature:popUp});

function popUp(feature, layer) {
  layer.bindPopup(feature.properties.name);
}

geojsonLayer.addTo(myMap);
请问您能否在您偏爱的浏览器中打开您创建的HTML文件，并查看在JavaScript控制台中出现的任何错误吗？这里有一些进一步的文档，以帮助您诊断该错误。 - geraldarthur
感谢您的回复和有关调试的信息。我遇到了三个错误。 - user3085296
由于其MIME类型（'text/plain'）不可执行，并且启用了严格的MIME类型检查，因此拒绝执行来自'https://raw.github.com/calvinmetcalf/leaflet-ajax/master/dist/leaflet.ajax.min.js'的脚本。 index.html：1 未捕获的TypeError：未定义的函数 - user3085296
1个回答
3

将leaflet.ajax插件保存为leaflet.ajax.min.js，放在与您的html页面相同的文件夹中，然后通过在<head>标签之间添加此行来调用它

<script src="leaflet.ajax.min"></script>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接