Leaflet 将geoJSON文件加载到传单中_Leaflet_Geojson

Leaflet 将geoJSON文件加载到传单中

leaflet

Leaflet 将geoJSON文件加载到传单中,leaflet,geojson,Leaflet,Geojson,我对这一点非常陌生，在学习的过程中，请耐心等待我有一个geoJSON文件，我已经成功地（手动）导入到Mapbox/传单中但是，我希望自动加载geojson文件，而不是手动加载。我尝试使用以下代码，其中文件（'crimeReportSummary.geojson'）保存在与Index.html文件相同的目录中 <script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script> &

我对这一点非常陌生，在学习的过程中，请耐心等待

我有一个geoJSON文件，我已经成功地（手动）导入到Mapbox/传单中

但是，我希望自动加载geojson文件，而不是手动加载。我尝试使用以下代码，其中文件（'crimeReportSummary.geojson'）保存在与Index.html文件相同的目录中

<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.css' rel='stylesheet' />
<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
    <script>
    L.mapbox.accessToken = 'pk.eyJ1Ijoic3RldmVyZCIsImEiOiJ5T0hIMGU4In0.iRYeTkjtats3I4b2ZCBZVw';
    var map = L.mapbox.map('map', 'steverd.l9nc6o7n')


    var featLayer = L.mapbox.featureLayer().addTo(map);
    featLayer.loadURL('crimeReportSummary.geojson'); 

    </script>
</body>
</html>


正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
L.mapbox.accessToken='pk.eyj1ijoic3rldmvyzicimeoij5t0himgu4in0.iRYeTkjtats3I4b2ZCBZVw'；
var map=L.mapbox.map（'map'，'steverd.l9nc6o7n'）
var featureLayer=L.mapbox.featureLayer（）.addTo（map）；
featLayer.loadURL（'crimeReportSummary.geojson'）；

我的问题是，当我运行这段代码时，地图显示正确，但没有任何标记出现

如果有人能告诉我怎么做，我将非常感激！我是个书呆子，请简单解释。我今天花了几个小时试图弄明白这一点，但运气不好。非常感谢您抽出时间

编辑-可以找到我正在使用的geoJSON文件

您能否在您的问题中添加一个

crimeReportSummary.geoJSON的示例？浏览器Javascript控制台（点击F12）中是否有任何错误？您是在服务器上运行，还是直接从文件系统（file://URL）运行？loadURL无法从文件系统运行。谢谢大家-IH8请查看添加到我的主要问题的链接。Jarek-是的，我在服务器上运行这个。我将尝试F12测试。谢谢你们两位抽出时间。