//创建地图
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
],
view: new ol.View({
center: ol.proj.fromLonLat([117.108765, 36.668419]),
zoom: 8
}),
target: 'map'
});
// 加载矢量地图
function addGeoJSON(src) {
var layer = new ol.layer.Vector({
source: new ol.source.Vector({
features: (new ol.format.GeoJSON()).readFeatures(src, { // 用readFeatures方法可以自定义坐标系
dataProjection: 'EPSG:4326', // 设定JSON数据使用的坐标系
featureProjection: 'EPSG:3857' // 设定当前地图使用的feature的坐标系
})
}),
style:new ol.style.Style({
stroke:new ol.style.Stroke({
color:'red',
size:10
})
})
});
map.addLayer(layer);
}
// 使用ajax获取矢量地图数据
$.ajax({
url: './trackPoints.geojson',
success: function(data, status) {
// 成功获取到数据内容后,调用方法添加到地图
addGeoJSON(data);
}
});
{
"type": "FeatureCollection",
"features"