hei*_*lli 2 javascript loaddata geojson openlayers-3
我正在尝试使用openlayers 3加载geojson数据.这是很多日期,所以我想只传输所需的数据.我通过将当前视图的结果和范围传递给Web服务来存档.到目前为止这是我的代码:
var vectorSource = new ol.source.ServerVector({
format: new ol.format.GeoJSON(),
loader: function(extent, resolution, projection) {
var url = 'data.json?e=' + extent.join(',') + '&r=' + resolution;
$.ajax({
url: url,
success: function(data) {
vectorSource.addFeatures(vectorSource.readFeatures(data));
}
});
},
projection: 'EPSG:3857',
strategy: ol.loadingstrategy.bbox
});
var vector = new ol.layer.Vector({
source: vectorSource
});
var map = new ol.Map({
layers: [vector],
target: 'map',
view: new ol.View({
center: [0, 0],
zoom: 0
})
});
Run Code Online (Sandbox Code Playgroud)
但我的代码只调用一次web服务.每当范围(和/或结果)发生变化时,我必须使用哪种加载策略来调用Web服务?
小智 6
ol.source.ServerVector不知道您为不同的分辨率返回不同的结果.它会记住加载的区域,如果"知道"其功能已经加载,则不会加载区域.
您的示例最初加载整个world(zoom=0),因此不需要额外的负载.替换zoom=0为让我们说zoom=10:现在缩小将触发加载,因为较大的区域尚不知道,而放大不会触发加载.
要在每次更改分辨率时重新加载,您必须清除内存.在地图定义后添加:
map.getView().on('change:resolution', function(evt){
alert ('resolution changed');
vectorSource.clear();
});
Run Code Online (Sandbox Code Playgroud)
每次分辨率更改时,此代码都会清除内存并强制触发加载.
| 归档时间: |
|
| 查看次数: |
1765 次 |
| 最近记录: |