我希望将我的应用程序从OpenLayers 2更新到OpenLayers 3。
是否有人知道迁移指南(或类似的东西),可以帮助完成此操作?
我希望将我的应用程序从OpenLayers 2更新到OpenLayers 3。
是否有人知道迁移指南(或类似的东西),可以帮助完成此操作?
FWIW-我们希望在将http://www.nufosmatic.com的简单页面从ol2迁移到ol3时做出贡献。问题看起来很棘手,但其中很多是因为ol3看起来比ol2好得多,示例也看起来改进了很多,文档也好得多,但它们是不同的,如果你终于习惯了ol2文档,那么它们会让人感到困惑。
命名空间已更改,并且由于某些语义差异,一些API调用的顺序必须更改。这是一个简单的一级地图迁移。这个简单的练习大约花了一个小时,主要是由于上述新文档的混淆:
/*
Very simple OpenLayers2 map
*/
var map, layer, center;
function init() {
map = new OpenLayers.Map('map');
layer = new OpenLayers.Layer.OSM("Simple OSM Map");
map.addLayer(layer); // this must come before the following
center = new OpenLayers.LonLat(-71.147, 42.472)
.transform(
new OpenLayers.Projection("EPSG:4326"),
map.getProjectionObject()
);
map.setCenter(center, 5);
}
/*
Very simple OpenLayers3 map
*/
var map, layer, center;
function init(){
map = new ol.Map({
target:'map',
renderer:'canvas',
view: new ol.View({
projection: 'EPSG:900913',
})
});
layer = new ol.layer.Tile({
source: new ol.source.OSM()
});
map.addLayer(layer); // this can actually come up last
center = new ol.proj.transform([-71.147, 42.472],
'EPSG:4326', // essentially LonLat
map.getView().getProjection());
map.getView().setCenter(center);
map.getView().setZoom(5);
}
> diff -btw ../*[23]/index.html
7c7
< <script src='OpenLayers-2.13.1/OpenLayers.js'></script>
---
> <script src='v3.10.1/build/ol.js'></script>
11c11
< <link rel='stylesheet' href='OpenLayers-2.13.1/theme/default/style.css'>
---
> <link rel='stylesheet' href='v3.10.1/css/ol.css'>
OpenLayers3有一个新的设计和概念,模型不同,因此没有直接的翻译。
我认为最好的选择是开始阅读当前可用的书籍,这样你可以学习并自行评估:
请注意,OL3相对于OL2有许多改进,但尚未实现OL2的所有功能。