Skip to content

Latest commit

 

History

History
289 lines (245 loc) · 24.9 KB

v3.5.0.md

File metadata and controls

289 lines (245 loc) · 24.9 KB

v3.5.0

Summary

The 3.5.0 release includes features and fixes from a whopping 129 pull requests since 3.4.0. This release removes a number of "experimental" features from the API, so take a close look at the notes below when upgrading.

Upgrade notes

ol.Object and bindTo

  • The following experimental methods have been removed from ol.Object: bindTo, unbind, and unbindAll. If you want to get notification about ol.Object property changes, you can listen for the 'propertychange' event (e.g. object.on('propertychange', listener)). Two-way binding can be set up at the application level using property change listeners. See #3472 for details on the change.

  • The experimental ol.dom.Input component has been removed. If you need to synchronize the state of a dom Input element with an ol.Object, this can be accomplished using listeners for change events. For example, you might bind the state of a checkbox type input with a layer's visibility like this:

    var layer = new ol.layer.Tile();
var checkbox = document.querySelector('#checkbox');

checkbox.addEventListener('change', function() {
  var checked = this.checked;
  if (checked !== layer.getVisible()) {
    layer.setVisible(checked);
  }
});

layer.on('change:visible', function() {
  var visible = this.getVisible();
  if (visible !== checkbox.checked) {
    checkbox.checked = visible;
  }
});

New Vector API

  • The following experimental vector classes have been removed: ol.source.GeoJSON, ol.source.GML, ol.source.GPX, ol.source.IGC, ol.source.KML, ol.source.OSMXML, and ol.source.TopoJSON. You now will use ol.source.Vector instead.

    For example, if you used ol.source.GeoJSON as follows:

    var source = new ol.source.GeoJSON({
  url: 'features.json',
  projection: 'EPSG:3857'
});

    you will need to change your code to:

    var source = new ol.source.Vector({
  url: 'features.json',
  format: new ol.format.GeoJSON()
});

    See https://openlayers.org/en/latest/examples/vector-layer.html for a real example.

    Note that you no longer need to set a projection on the source!

    Previously the vector data was loaded at source construction time, and, if the data projection and the source projection were not the same, the vector data was transformed to the source projection before being inserted (as features) into the source.

    The vector data is now loaded at render time, when the view projection is known. And the vector data is transformed to the view projection if the data projection and the source projection are not the same.

    If you still want to "eagerly" load the source you will use something like this:

    var source = new ol.source.Vector();
$.ajax('features.json').then(function(response) {
  var geojsonFormat = new ol.format.GeoJSON();
  var features = geojsonFormat.readFeatures(response,
      {featureProjection: 'EPSG:3857'});
  source.addFeatures(features);
});

    The above code uses jQuery to send an Ajax request, but you can obviously use any Ajax library.

    See https://openlayers.org/en/latest/examples/igc.html for a real example.

  • Note about KML

    If you used ol.source.KML's extractStyles or defaultStyle options, you will now have to set these options on ol.format.KML instead. For example, if you used:

    var source = new ol.source.KML({
  url: 'features.kml',
  extractStyles: false,
  projection: 'EPSG:3857'
});

    you will now use:

    var source = new ol.source.Vector({
  url: 'features.kml',
  format: new ol.format.KML({
    extractStyles: false
  })
});

  • The ol.source.ServerVector class has been removed. If you used it, for example as follows:

    var source = new ol.source.ServerVector({
  format: new ol.format.GeoJSON(),
  loader: function(extent, resolution, projection) {
    var url = …;
    $.ajax(url).then(function(response) {
      source.addFeatures(source.readFeatures(response));
    });
  },
  strategy: ol.loadingstrategy.bbox,
  projection: 'EPSG:3857'
});

    you will need to change your code to:

    var source = new ol.source.Vector({
  loader: function(extent, resolution, projection) {
    var url = …;
    $.ajax(url).then(function(response) {
      var format = new ol.format.GeoJSON();
      var features = format.readFeatures(response,
          {featureProjection: projection});
      source.addFeatures(features);
    });
  },
  strategy: ol.loadingstrategy.bbox
});

    See https://openlayers.org/en/latest/examples/vector-osm.html for a real example.

  • The experimental ol.loadingstrategy.createTile function has been renamed to ol.loadingstrategy.tile. The signature of the function hasn't changed. See https://openlayers.org/en/latest/examples/vector-osm.html for an example.

Change to ol.style.Icon

  • When manually loading an image for ol.style.Icon, the image size should now be set with the imgSize option and not with size. size is supposed to be used for the size of a sub-rectangle in an image sprite.

Support for non-square tiles

The return value of ol.tilegrid.TileGrid#getTileSize() will now be an ol.Size array instead of a number if non-square tiles (i.e. an ol.Size array instead of a number as tilsSize) are used. To always get an ol.Size, the new ol.size.toSize() was added.

Change to ol.interaction.Draw

When finishing a draw, the drawend event is now dispatched before the feature is inserted to either the source or the collection. This change allows application code to finish setting up the feature.

Misc.

If you compile your application together with the library and use the ol.feature.FeatureStyleFunction type annotation (this should be extremely rare), the type is now named ol.FeatureStyleFunction.

New features and fixes