使用 '使用loadURL（）' 從Mapbox.js

Question

時，遇到了 「跨起源請求錯誤」 我從這篇文章驗證碼： http://lyzidiamond.com/posts/external-geojson-mapbox/

代碼：

var filterLayer = L.mapbox.featureLayer() 
.loadURL('data.geojson') 
.addTo(map); 

我正在努力跟隨對於地點標記創建過濾器這個Mapbox.js例如： https://www.mapbox.com/mapbox.js/example/v1.0.0/filtering-marker-clusters/

當我複製整個示例中，我沒有看到任何地點標記可言，就像在上面的鏈接的例子。所以我決定加載我自己的geoJson文件。

因此我使用了前面輸入的代碼來加載我自己的geoJson文件。但是，我得到這個錯誤，當我檢查元素：

XMLHttpRequest cannot load 
file:///C:/Users/username/Documents/website/data.geojson. 
Cross origin requests are only supported for protocol schemes: http, data,  
chrome, chrome-extension, https, chrome-extension-resource. 

Answer 1

你必須從本地HTTP服務器，而不是使用file://協議滿足您data.geojson。

例如，您可以使用WAMP服務器並將spike321.github.io目錄的內容複製到WAMP公共html路徑。

然後你可以打開localhost/spike321.github.io，一切都應該工作。