Question

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

我有一个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>

我的问题是，当我运行此代码时，地图会正确显示，但不会显示任何标记。

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

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

将geoJSON文件加载到Leaflet中

0 个答案: