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)