如何解决" Uncaught SyntaxError:意外的令牌<"错误

时间:2015-07-24 11:25:06

标签: javascript openlayers-3

我正在开发openlayers 3,我正在尝试执行这个简单的JavaScript函数:

function mapScript() {
    // create a vector source that loads a GeoJSON file
    var vectorSource = new ol.source.Vector({
        projection: 'EPSG:3857',
        format: new ol.format.GeoJSON(),
        url: 'countries.geojson'
    });

    // a vector layer to render the source
    var vectorLayer = new ol.layer.Vector({
        source: vectorSource
    });

    var center = ol.proj.transform([0, 0], 'EPSG:4326', 'EPSG:3857');

    var view = new ol.View({
        center: center,
        zoom: 1
    });

    // the vector layer gets added like a raster layer
    var map = new ol.Map({
        target: 'map',
        layers: [vectorLayer],
        view: view
    });
} // END of mapScript()

我见过许多类似的问题,但解决方案并不适合我的情况。我是openlayers的新手,所以任何人都会指导我解决这个问题。

提前感谢您的时间。

更新

我的浏览器"网络"吧告诉我这个:

enter image description here

" countries.geojson"的来源是这样的:

https://github.com/openlayers/ol3/blob/master/examples/data/geojson/countries.geojson

我下载了这个文件,现在它在我的本地目录中。我认为我项目中的文件链接导致了问题。任何人都可以帮我正确使用这个文件吗?

1 个答案:

答案 0 :(得分:2)

https://github.com/openlayers/ol3/blob/master/examples/data/geojson/countries.geojson不是GeoJSON文档,它是github上关于repo中GeoJSON文档的HTML页面。点击" Raw"可以找到实际的GeoJSON数据。该页面上的链接:https://raw.githubusercontent.com/openlayers/ol3/master/examples/data/geojson/countries.geojson