我对此非常陌生并且随时学习,请耐心等待!
我有一个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