Bounds如何在OpenLayers 3中运行?

时间:2014-03-05 18:48:49

标签: openlayers openlayers-3

OpenLayers 3中的OpenLayers.Bounds概念在OpenLayers 3中是否仍然存在?它是如何改变的,它的新名称是什么?

4 个答案:

答案 0 :(得分:8)

更新:OL4:https://openlayers.org/en/latest/apidoc/ol.html#.Extent

似乎这个新词的含义是'或者'边界框' (BBOX)的范围是'。 见:

目前找出问题的一种方法是在OL3仓库中运行搜索,例如: https://github.com/openlayers/ol3/search?p=3&q=BBOX&type=Code

答案 1 :(得分:5)

只是为答案添加一个小例子: Bounds现在称为“extent”,它不再是复杂的Object / Class,而只是一个包含四个数字的数组。在“ol.extent”中有很多用于转换的辅助函数等等。关于如何进行转型的一个小例子:

<击>

<击>
var tfn = ol.proj.getTransform('EPSG:4326', 'EPSG:3857');
var textent = ol.extent.applyTransform([6, 43, 16, 50], tfn);

<击>

var textent = ol.proj.transformExtent([6, 43, 16, 50], 'EPSG:4326', 'EPSG:3857');

到目前为止,我在http://ol3js.org/en/master/apidoc找不到API-Doc,因此您必须阅读source以获取信息。

<击> 自BETA以来,API-Docs已经完成。所以你现在就能找到它。

正如评论中所提到的,正确的API函数现在是ol.proj.transformExtent()

答案 2 :(得分:5)

没有找到有关此功能的任何文档,但范围似乎有效:

var vectorSources = new ol.source.Vector();
var map = new ol.Map({
  target: map_id,
  layers: [
    new ol.layer.Tile({
      source: ol.source.OSM()
    }),
    new ol.layer.Vector({
      source: vectorSources
    })
  ],
  view: new ol.View({
    center: [0, 0],
    zoom: 12
  })
});

var feature1 = new ol.Feature({
  geometry: new ol.geom.Point(coords)
});
vectorSources.addFeature(feature1);
var feature2 = new ol.Feature({
  geometry: new ol.geom.Point(coords)
});
vectorSources.addFeature(feature2);
map.getView().fitExtent(vectorSources.getExtent(), map.getSize());

方法vectorSources.getExtent()也可以替换为任何范围对象,如下所示:

map.getView()。fitExtent([1,43,8,45],map.getSize());

自OpenLayer 3.9以来,该方法已经改变:

map.getView().fit(vectorSources.getExtent(), map.getSize());

答案 3 :(得分:2)

在OpenLayers 3.17.1上,在尝试了各种各样的事情后,我能够以两种不同的方式设置界限:

A)以@Grmpfhmbl mentioned为例,使用ol.proj.transformExtent函数,如下所示:

var extent = ol.proj.transformExtent(
    [-0.6860987, 50.9395474, -0.2833177, 50.7948214],
    "EPSG:4326", "EPSG:3857"
);

map.getView().fit( extent, map.getSize() );

B)有点不寻常,使用ol.geom.Polygon这样:

// EPSG:3857 is optional as it is the default value
var a = ol.proj.fromLonLat( [-0.6860987, 50.9395474], "EPSG:3857" ),
    b = ol.proj.fromLonLat( [-0.2833177, 50.7948214], "EPSG:3857" ),
    extent = new ol.geom.Polygon([[a, b]]);

map.getView().fit( extent, map.getSize() );