我对此非常陌生并且随时学习,请耐心等待!

我有一个geoJSON文件,我已成功(手动)导入到Mapbox / Leaflet .

但是,我想自动加载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>

我的问题是,当我运行此代码时, Map 会正确显示,但不会显示任何标记 .

如果有人能告诉我怎么做,我会感激不尽!我是一个菜鸟,所以简单的解释是值得赞赏的 . 我今天花了几个小时试图解决这个问题,但没有运气 . 非常感谢你的时间 .

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