OpenLayer - 数据加载geojson

1、加载本地geojson数据

var data = {
    'type': 'FeatureCollection',
    "features": [
        {
            'type': 'Feature',
            'geometry': {
                'type': 'Point',
                'coordinates': [114, 30],
            },
        },
        {
            'type': 'Feature',
            'geometry': {
                'type': 'LineString',
                'coordinates': [
                    [114,30],
                    [120,30],
                ],
            },
        },
    ]
}
var source = new ol.source.Vector({
    features: new ol.format.GeoJSON().readFeatures(data)
})
var layer = new ol.layer.Vector({
    source
})
map.addLayer(layer)

2、网络请求

var layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        //url: './data/Line.json',     // 地图来源 使用本地url 离线加载会报跨域问题
        url: 'https://openlayers.org/data/vector/ecoregions.json',     // 地图来源           
        format: new ol.format.GeoJSON()    // 解析矢量地图的格式化类
    })
});
map.addLayer(layer)

3、加载某个地区的数据

DataV.GeoAtlas地理小工具系列 由阿里云DataV数据可视化团队出品，多年深耕数据可视化领域，数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言，让更多人读懂大数据，受惠数据驱动的决策方式。 https://datav.aliyun.com/portal/school/atlas/area_selector

var url = 'https://geo.datav.aliyun.com/areas_v3/bound/420000.json';
var source = new ol.source.Vector({
    url,
    format: new ol.format.GeoJSON()//解析geojson数据
})
var layer = new ol.layer.Vector({
    source,
    style
})
map.addLayer(layer)