Set version and tag for v4.3.0-beta.2

2017-07-15 11:33:05 +02:00
597 changed files with 12364 additions and 16525 deletions
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,8 +0,0 @@
-Thank you for your interest in making OpenLayers better!
-
-To keep this project manageable for maintainers, we ask you to please check all boxes below before submitting an issue.
-
- [ ] I am submitting a bug or feature request, not a usage question. Go to https://stackoverflow.com/questions/tagged/openlayers for questions.
- [ ] I have searched GitHub to see if a similar bug or feature request has already been reported.
- [ ] I have verified that the issue is present in the latest version of OpenLayers (see 'LATEST' on https://openlayers.org/).
- [ ] If reporting a bug, I have created a [CodePen](https://codepen.io) or prepared a stack trace (using the latest version and unminified code, so e.g. `ol-debug.js`, not `ol.js`) that shows the issue.
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,9 +0,0 @@
-Thank you for your interest in making OpenLayers better!
-
-In order to get your proposed changes merged into the master branch, we ask you to please make sure the following boxes are checked *before* submitting your pull request.
-
- [ ] This pull request addresses an issue that has been marked with the 'Pull request accepted' label & I have added the link to that issue.
- [ ] It contains one or more small, incremental, logically separate commits, with no merge commits.
- [ ] I have used clear commit messages.
- [ ] Existing tests pass for me locally & I have added or updated tests for new or changed functionality.
- [ ] The work herein is covered by a valid [Contributor License Agreement (CLA)](https://github.com/openlayers/cla).
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
 /build/
-/coverage/
-/dist/
 /node_modules/
+/dist/
+/coverage/
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,22 +1,33 @@
 sudo: false
+
 language: node_js
+
 node_js:
- '8'
+  - "6.1"
+
+addons:
+  firefox: "52.0"
+
 cache:
  directories:
-  - node_modules
+    - node_modules
+env:
+  - DISPLAY=:99.0
+
+before_install:
+  - "npm prune"
+
 before_script:
- rm src/ol/renderer/webgl/*shader.js
- rm src/ol/renderer/webgl/*shader/locations.js
-script: make ci
+  - "rm src/ol/renderer/webgl/*shader.js"
+  - "sh -e /etc/init.d/xvfb start"
+  - "npm ls || true"
+
+script: "make ci"
+
 after_success:
- cat coverage/lcov.info | coveralls
+  - "make test-coverage"
+  - "cat coverage/lcov.info | ./node_modules/.bin/coveralls"
+
 branches:
  only:
-  - master
-addons:
-  hosts:
-    - travis.dev
-  jwt:
-    # This is the encrypted SAUCE_ACCESS_KEY
-    secure: bb2Ibzu9RLe6ZlIG7JVcuH7IoLMxa/i3LTM7t8mbsPjVOGs5ycyJ7M9MbvqB/F2EzbeV4XB2c9ufI4TkaLYceY5kdWjfZVN8iasr+GFqKMv1uR4i6bpu8KmHJ+blxwfY1QOQ/cGwEx+fbeycMtpTc3Y3GyXaPlCQLhbZvesMg88=
+    - master
--- a/DEVELOPING.md
+++ b/DEVELOPING.md
@@ -17,7 +17,7 @@ The minimum requirements are:

 * GNU Make
 * Git
-* [Node.js](http://nodejs.org/) (version 8 and above)
+* [Node.js](http://nodejs.org/) (higher than 0.12.x)
 * Python 2.6 or 2.7
 * Java 7 (JRE and JDK)

--- a/71
+++ b/71
@@ -3,10 +3,12 @@ BRANCH := $(shell git rev-parse --abbrev-ref HEAD)

 SRC_GLSL := $(shell find src -type f -name '*.glsl')
 SRC_SHADER_JS := $(patsubst %shader.glsl,%shader.js,$(SRC_GLSL))
-SRC_SHADERLOCATIONS_JS := $(patsubst %shader.glsl,%shader/locations.js,$(SRC_GLSL))
-SRC_JS := $(filter-out $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS),$(shell find src -name '*.js'))
+SRC_JS := $(filter-out $(SRC_SHADER_JS),$(shell find src -name '*.js'))
 SRC_JSDOC = $(shell find src -type f -name '*.jsdoc')

+SPEC_JS := $(shell find test/spec -type f -name '*.js')
+SPEC_RENDERING_JS := $(shell find test_rendering/spec -name '*.js')
+
 EXAMPLES := $(shell find examples -type f)
 EXAMPLES_HTML := $(filter-out examples/index.html,$(shell find examples -maxdepth 1 -type f -name '*.html'))
 EXAMPLES_JS := $(patsubst %.html,%.js,$(EXAMPLES_HTML))
@@ -54,6 +56,7 @@ help:
 	@echo "Other less frequently used targets are:"
 	@echo
 	@echo "- build                   Build ol.js, ol-debug.js, ol.js.map and ol.css"
+	@echo "- lint                    Check the code with the linter"
 	@echo "- ci                      Run the full continuous integration process"
 	@echo "- apidoc                  Build the API documentation using JSDoc"
 	@echo "- cleanall                Remove all the build artefacts"
@@ -67,7 +70,7 @@ apidoc: build/timestamps/jsdoc-$(BRANCH)-timestamp
 build: build/ol.css build/ol.js build/ol-debug.js build/ol.js.map

 .PHONY: check
-check: build/ol.js test
+check: lint build/ol.js test

 .PHONY: check-examples
 check-examples: $(CHECK_EXAMPLE_TIMESTAMPS)
@@ -83,18 +86,21 @@ check-deps:
 	done ;\

 .PHONY: ci
-ci: build test package compile-examples check-examples apidoc
+ci: lint build test test-rendering package compile-examples check-examples apidoc

 .PHONY: compile-examples
 compile-examples: build/compiled-examples/all.combined.js

 .PHONY: clean
 clean:
+	rm -f build/timestamps/eslint-timestamp
 	rm -f build/timestamps/check-*-timestamp
 	rm -f build/ol.css
 	rm -f build/ol.js
 	rm -f build/ol.js.map
 	rm -f build/ol-debug.js
+	rm -f build/test_requires.js
+	rm -f build/test_rendering_requires.js
 	rm -rf build/examples
 	rm -rf build/compiled-examples
 	rm -rf build/package
@@ -113,19 +119,34 @@ examples: $(BUILD_EXAMPLES)
 .PHONY: install
 install: build/timestamps/node-modules-timestamp

+.PHONY: lint
+lint: build/timestamps/eslint-timestamp
+
 .PHONY: npm-install
 npm-install: build/timestamps/node-modules-timestamp

 .PHONY: shaders
-shaders: $(SRC_SHADER_JS $(SRC_SHADERLOCATIONS_JS)
+shaders: $(SRC_SHADER_JS)

 .PHONY: serve
-serve:
+serve: build/test_requires.js build/test_rendering_requires.js
 	node tasks/serve.js

 .PHONY: test
-test: build/timestamps/node-modules-timestamp
-	npm test
+test: build/timestamps/node-modules-timestamp build/test_requires.js
+	node tasks/test.js
+
+.PHONY: test-coverage
+test-coverage: build/timestamps/node-modules-timestamp
+	node tasks/test-coverage.js
+
+.PHONY: test-rendering
+test-rendering: build/timestamps/node-modules-timestamp \
+                build/test_rendering_requires.js
+	@rm -rf build/slimerjs-profile
+	@mkdir -p build/slimerjs-profile
+	@cp -r test_rendering/slimerjs-profile/* build/slimerjs-profile/
+	node tasks/test-rendering.js

 .PHONY: host-examples
 host-examples: $(BUILD_HOSTED_EXAMPLES) \
@@ -168,7 +189,7 @@ build/compiled-examples/all.js: $(EXAMPLES_JS)
 	@python bin/combine-examples.py $^ > $@

 build/compiled-examples/all.combined.js: config/examples-all.json build/compiled-examples/all.js \
-                                         $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS) \
+                                         $(SRC_JS) $(SRC_SHADER_JS) \
                                         build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
 	node tasks/build.js $< $@
@@ -179,14 +200,14 @@ build/compiled-examples/%.json: config/example.json build/examples/%.js \
 	@sed -e 's|{{id}}|$*|' $< > $@

 build/compiled-examples/%.combined.js: build/compiled-examples/%.json \
-                                       $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS)\
+                                       $(SRC_JS) $(SRC_SHADER_JS) \
                                       build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
 	node tasks/build.js $< $@

 build/timestamps/jsdoc-$(BRANCH)-timestamp: config/jsdoc/api/index.md \
                                            config/jsdoc/api/conf.json $(SRC_JS) \
-                                            $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS) \
+                                            $(SRC_SHADER_JS) \
                                            $(shell find config/jsdoc/api/template -type f) \
                                            build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
@@ -227,6 +248,14 @@ $(BUILD_HOSTED)/build/ol-deps.js: host-libraries
           --root_with_prefix "$(BUILD_HOSTED)/closure-library/third_party ../../third_party" \
           --output_file $@

+build/timestamps/eslint-timestamp: $(SRC_JS) $(SPEC_JS) $(SPEC_RENDERING_JS) \
+                                   $(TASKS_JS) $(EXAMPLES_JS) \
+                                   build/timestamps/node-modules-timestamp
+	@mkdir -p $(@D)
+	@echo "Running eslint..."
+	@./node_modules/.bin/eslint tasks test test_rendering src examples
+	@touch $@
+
 build/timestamps/node-modules-timestamp: package.json
 	@mkdir -p $(@D)
 	npm install
@@ -237,7 +266,7 @@ build/ol.css: css/ol.css build/timestamps/node-modules-timestamp
 	@echo "Running cleancss..."
 	@./node_modules/.bin/cleancss $< > $@

-build/ol.js: config/ol.json $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS) \
+build/ol.js: config/ol.json $(SRC_JS) $(SRC_SHADER_JS) \
             build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
 	node tasks/build.js $< $@
@@ -247,12 +276,12 @@ build/ol.js: config/ol.json $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS)
 	@$(STAT_COMPRESSED) /tmp/ol.js.gz
 	@rm /tmp/ol.js.gz

-build/ol.js.map: config/ol.json $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS) \
+build/ol.js.map: config/ol.json $(SRC_JS) $(SRC_SHADER_JS) \
                 build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
 	node tasks/build.js $< $@

-build/ol-debug.js: config/ol-debug.json $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERLOCATIONS_JS) \
+build/ol-debug.js: config/ol-debug.json $(SRC_JS) $(SRC_SHADER_JS) \
                   build/timestamps/node-modules-timestamp
 	@mkdir -p $(@D)
 	node tasks/build.js $< $@
@@ -262,12 +291,16 @@ build/ol-debug.js: config/ol-debug.json $(SRC_JS) $(SRC_SHADER_JS) $(SRC_SHADERL
 	@$(STAT_COMPRESSED) /tmp/ol-debug.js.gz
 	@rm /tmp/ol-debug.js.gz

-%shader.js: %shader.glsl src/ol/webgl/shader.mustache tasks/glslunit.js build/timestamps/node-modules-timestamp
-	@node tasks/glslunit.js --input $< | ./node_modules/.bin/mustache - src/ol/webgl/shader.mustache > $@
-
-%shader/locations.js: %shader.glsl src/ol/webgl/shaderlocations.mustache tasks/glslunit.js build/timestamps/node-modules-timestamp
+build/test_requires.js: $(SPEC_JS) $(SRC_JS)
 	@mkdir -p $(@D)
-	@node tasks/glslunit.js --input $< | ./node_modules/.bin/mustache - src/ol/webgl/shaderlocations.mustache > $@
+	@node tasks/generate-requires.js $^ > $@
+
+build/test_rendering_requires.js: $(SPEC_RENDERING_JS)
+	@mkdir -p $(@D)
+	@node tasks/generate-requires.js $^ > $@
+
+%shader.js: %shader.glsl src/ol/webgl/shader.mustache bin/pyglslunit.py build/timestamps/node-modules-timestamp
+	@python bin/pyglslunit.py --input $< | ./node_modules/.bin/mustache - src/ol/webgl/shader.mustache > $@

 .PHONY: package
 package:
--- a/README.md
+++ b/README.md
@@ -9,16 +9,9 @@

 ## Getting Started

-Use one of the following methods to use OpenLayers in your project:
-
-* For use with webpack, Rollup, Browserify, or other module bundlers, install the [`ol` package](https://www.npmjs.com/package/ol):
-    ```
-    npm install ol
-    ```
-
-* If you just want to add a `<script>` tag to test things out, you can link directly to one of the full builds from [cdnjs](https://cdnjs.com/libraries/openlayers) (not recommended for production)
-
-* For use with Closure Library (rare), install the [`openlayers` package](https://npmjs.com/package/openlayers) and read the [tutorial](http://openlayers.org/en/latest/doc/tutorials/closure.html).
+- Download the [latest release](https://openlayers.org/download/)
+- Install with npm: `npm install openlayers`
+- Clone the repo: `git clone git@github.com:openlayers/openlayers.git`

 ## Supported Browsers

@@ -40,3 +33,4 @@ Please see our guide on [contributing](CONTRIBUTING.md) if you're interested in

 - Need help? Find it on [Stack Overflow using the tag 'openlayers'](http://stackoverflow.com/questions/tagged/openlayers)
 - Follow [@openlayers](https://twitter.com/openlayers) on Twitter
+- Discuss with openlayers users on IRC in `#openlayers` at `chat.freenode`
--- a/bin/pyglslunit.py
+++ b/bin/pyglslunit.py
@@ -0,0 +1,120 @@
+#!/usr/bin/python
+
+from optparse import OptionParser
+import json
+import re
+import sys
+
+
+
+ESCAPE_SEQUENCE = {
+        '\\': '\\\\',
+        '\n': '\\n',
+        '\t': '\\t'
+        }
+
+
+def js_escape(s):
+    return ''.join(ESCAPE_SEQUENCE.get(c, c) for c in s)
+
+
+def glsl_compress(s, shortNames):
+    # strip leading whitespace
+    s = re.sub(r'\A\s+', '', s)
+    # strip trailing whitespace
+    s = re.sub(r'\s+\Z', '', s)
+    # strip multi-line comments
+    s = re.sub(r'/\*.*?\*/', '', s)
+    # strip single line comments
+    s = re.sub(r'//.*?\n', '', s)
+    # replace multiple whitespace with a single space
+    s = re.sub(r'\s+', ' ', s)
+    # remove whitespace between non-word tokens
+    s = re.sub(r'(\S)\s+([^\w])', r'\1\2', s)
+    s = re.sub(r'([^\w])\s+(\S)', r'\1\2', s)
+    # replace original names with short names
+    for originalName, shortName in shortNames.items():
+        s = s.replace(originalName, shortName)
+    return s
+
+
+def main(argv):
+    option_parser = OptionParser()
+    option_parser.add_option('--input')
+    option_parser.add_option('--output')
+    options, args = option_parser.parse_args(argv[1:])
+
+    context = {}
+    nextShortName = ord('a')
+    shortNames = {}
+
+    common, vertex, fragment = [], [], []
+    attributes, uniforms, varyings = {}, {}, {}
+    block = None
+    for line in open(options.input, 'rU'):
+        if line.startswith('//!'):
+            m = re.match(r'//!\s+NAMESPACE=(\S+)\s*\Z', line)
+            if m:
+                context['namespace'] = m.group(1)
+                continue
+            m = re.match(r'//!\s+CLASS=(\S+)\s*\Z', line)
+            if m:
+                context['className'] = m.group(1)
+                continue
+            m = re.match(r'//!\s+COMMON\s*\Z', line)
+            if m:
+                block = common
+                continue
+            m = re.match(r'//!\s+VERTEX\s*\Z', line)
+            if m:
+                block = vertex
+                continue
+            m = re.match(r'//!\s+FRAGMENT\s*\Z', line)
+            if m:
+                block = fragment
+                continue
+        else:
+            if block is None:
+                assert line.rstrip() == ''
+            else:
+                block.append(line)
+            m = re.match(r'attribute\s+\S+\s+(\S+);\s*\Z', line)
+            if m:
+                attribute = m.group(1)
+                if attribute not in attributes:
+                    shortName = chr(nextShortName)
+                    nextShortName += 1
+                    attributes[attribute] = {'originalName': attribute, 'shortName': shortName}
+                    shortNames[attribute] = shortName
+            m = re.match(r'uniform\s+\S+\s+(\S+);\s*\Z', line)
+            if m:
+                uniform = m.group(1)
+                if uniform not in uniforms:
+                    shortName = chr(nextShortName)
+                    nextShortName += 1
+                    uniforms[uniform] = {'originalName': uniform, 'shortName': shortName}
+                    shortNames[uniform] = shortName
+            m = re.match(r'varying\s+\S+\s+(\S+);\s*\Z', line)
+            if m:
+                varying = m.group(1)
+                if varying not in varyings:
+                    shortName = chr(nextShortName)
+                    nextShortName += 1
+                    shortNames[varying] = shortName
+
+    context['getOriginalFragmentSource'] = js_escape(''.join(common + fragment))
+    context['getOriginalVertexSource'] = js_escape(''.join(common + vertex))
+    context['getFragmentSource'] = glsl_compress(''.join(common + fragment), shortNames)
+    context['getVertexSource'] = glsl_compress(''.join(common + vertex), shortNames)
+    context['getAttributes'] = [attributes[a] for a in sorted(attributes.keys())]
+    context['getUniforms'] = [uniforms[u] for u in sorted(uniforms.keys())]
+
+    if options.output and options.output != '-':
+        output = open(options.output, 'wb')
+    else:
+        output = sys.stdout
+    json.dump(context, output)
+
+
+if __name__ == '__main__':
+    sys.exit(main(sys.argv))
--- a/changelog/upgrade-notes.md
+++ b/changelog/upgrade-notes.md
@@ -1,92 +1,6 @@
 ## Upgrade notes

-### Next Release
-
-#### Behavior change for polygon labels
-
-Polygon labels are now only rendered when the label does not exceed the polygon at the label position. To get the old behavior, configure your `ol.style.Text` with `exceedLength: true`.
-
-#### Minor change for custom `tileLoadFunction` with `ol.source.VectorTile`
-
-It is no longer necessary to set the projection on the tile. Instead, the `readFeatures` method must be called with the tile's extent as `extent` option and the view's projection as `featureProjection`.
-
-Before:
-```js
-tile.setLoader(function() {
-  var data = // ... fetch data
-  var format = tile.getFormat();
-  tile.setFeatures(format.readFeatures(data));
-  tile.setProjection(format.readProjection(data));
-  // uncomment the line below for ol.format.MVT only
-  //tile.setExtent(format.getLastExtent());
-});
-```
-
-After:
-```js
-tile.setLoader(function() {
-  var data = // ... fetch data
-  var format = tile.getFormat();
-  tile.setFeatures(format.readFeatures(data, {
-    featureProjection: map.getView().getProjection(),
-    // uncomment the line below for ol.format.MVT only
-    //extent: tile.getExtent()
-  }));
-);
-```
-
-#### Deprecation of `ol.DeviceOrientation`
-
-`ol.DeviceOrientation` is deprecated and will be removed in the next major version.
-The device-orientation example has been updated to use the (gyronorm.js)[https://github.com/dorukeker/gyronorm.js] library.
-
-
-### v4.3.0
-
-#### `ol.source.VectorTile` no longer requires a `tileGrid` option
-
-By default, the `ol.source.VectorTile` constructor creates an XYZ tile grid (in Web Mercator) for 512 pixel tiles and assumes a max zoom level of 22.  If you were creating a vector tile source with an explicit `tileGrid` option, you can now remove this.
-
-Before:
-```js
-var source = new ol.source.VectorTile({
-  tileGrid: ol.tilegrid.createXYZ({tileSize: 512, maxZoom: 22}),
-  url: url
-});
-```
-
-After:
-```js
-var source = new ol.source.VectorTile({
-  url: url
-});
-```
-
-If you need to change the max zoom level, you can pass the source a `maxZoom` option.  If you need to change the tile size, you can pass the source a `tileSize` option.  If you need a completely custom tile grid, you can still pass the source a `tileGrid` option.
-
-#### `ol.interaction.Modify` deletes with `alt` key only
-
-To delete features with the modify interaction, press the `alt` key while clicking on an existing vertex.  If you want to configure the modify interaction with a different delete condition, use the `deleteCondition` option.  For example, to allow deletion on a single click with no modifier keys, configure the interaction like this:
-```js
-var interaction = new ol.interaction.Modify({
-  source: source,
-  deleteCondition: function(event) {
-    return ol.events.condition.noModifierKeys(event) && ol.events.condition.singleClick(event);
-  }
-});
-```
-
-The motivation for this change is to make the modify, draw, and snap interactions all work well together.  Previously, the use of these interactions with the default configuration would make it so you couldn't reliably add new vertices (click with no modifier) and delete existing vertices (click with no modifier).
-
-#### `ol.source.VectorTile` no longer has a `tilePixelRatio` option
-
-The `tilePixelRatio` option was only used for tiles in projections with `tile-pixels` as units. For tiles read with `ol.format.MVT` and the default tile loader, or tiles with the default pixel size of 4096 pixels, no changes are necessary. For the very rare cases that do not fall under these categories, a custom `tileLoadFunction` now needs to be configured on the `ol.source.VectorTile`. In addition to calling `tile.setFeatures()` and `tile.setProjection()`, it also needs to contain code like the following:
-```js
-var extent = tile.getFormat() instanceof ol.format.MVT ?
-  tile.getLastExtent() :
-  [0, 0, tilePixelRatio * tileSize, tilePixelRatio * tileSize];
-tile.setExtent(extent);
-```
+### Next release

 #### `ol.animate` now takes the shortest arc for rotation animation

--- a/changelog/v4.3.0.md
+++ b/changelog/v4.3.0.md
@@ -1,216 +0,0 @@
-# 4.3.0
-
-## Summary
-
-The v4.3.0 release includes features and fixes from 92 pull requests.
-
-#### New `map.getFeaturesAtPixel()` method
-
-When you want to get all features at a given pixel, use the new `map.getFeaturesAtPixel()` method.
-
-Before:
-```js
-var features = [];
-map.forEachFeatureAtPixel(pixel, function(feature) {
-  features.push(feature);
-});
-```
-
-After:
-```js
-var features = map.getFeaturesAtPixel(pixel);
-```
-
-#### `ol.Sphere` functions for spherical measures
-
-The new `ol.Sphere.getArea()` and `ol.Sphere.getLength()` methods can be used to calculate spherical measures on geometries.  This is the recommended over using the `geometry.getArea()` or `geometry.getLength()` methods.
-
-Bad:
-```js
-geometry.getArea();
-```
-
-Good:
-```js
-ol.Sphere.getArea(geometry);
-```
-
-#### `ol.interaction.DragAndDrop` can be configured with a vector source
-
-It is now possible to configure the drag and drop interaction with a vector source:
-
-```js
-var dragAndDrop = new ol.interaction.DragAndDrop({source: source});
-```
-
-Any dropped features will replace all existing features on the source.
-
-#### `ol.interaction.Modify` can be configured with a vector source
-
-It is now possible to configure the modify interaction with a vector source (in addition to a feature collection):
-
-```js
-var modify = new ol.interaction.Modify({source: source});
-```
-
-With this configuration, all features on the source are eligible for modification while the interaction is active.
-
-#### `ol.interaction.Modify` deletes with `alt` key only
-
-To delete features with the modify interaction, press the `alt` key while clicking on an existing vertex.  If you want to configure the modify interaction with a different delete condition, use the `deleteCondition` option.  For example, to allow deletion on a single click with no modifier keys, configure the interaction like this:
-```js
-var interaction = new ol.interaction.Modify({
-  source: source,
-  deleteCondition: function(event) {
-    return ol.events.condition.noModifierKeys(event) && ol.events.condition.singleClick(event);
-  }
-});
-```
-
-The motivation for this change is to make the modify, draw, and snap interactions all work well together.  Previously, the use of these interactions with the default configuration would make it so you couldn't reliably add new vertices (click with no modifier) and delete existing vertices (click with no modifier).
-
-#### `ol.source.VectorTile` no longer requires a `tileGrid` option
-
-By default, the `ol.source.VectorTile` constructor creates an XYZ tile grid (in Web Mercator) for 512 pixel tiles and assumes a max zoom level of 22.  If you were creating a vector tile source with an explicit `tileGrid` option, you can now remove this.
-
-Before:
-```js
-var source = new ol.source.VectorTile({
-  tileGrid: ol.tilegrid.createXYZ({tileSize: 512, maxZoom: 22}),
-  url: url
-});
-```
-
-After:
-```js
-var source = new ol.source.VectorTile({
-  url: url
-});
-```
-
-If you need to change the max zoom level, you can pass the source a `maxZoom` option.  If you need to change the tile size, you can pass the source a `tileSize` option.  If you need a completely custom tile grid, you can still pass the source a `tileGrid` option.
-
-#### `ol.source.VectorTile` no longer has a `tilePixelRatio` option
-
-The `tilePixelRatio` option was only used for tiles in projections with `tile-pixels` as units. For tiles read with `ol.format.MVT` and the default tile loader, or tiles with the default pixel size of 4096 pixels, no changes are necessary. For the very rare cases that do not fall under these categories, a custom `tileLoadFunction` now needs to be configured on the `ol.source.VectorTile`. In addition to calling `tile.setFeatures()` and `tile.setProjection()`, it also needs to contain code like the following:
-```js
-var extent = tile.getFormat() instanceof ol.format.MVT ?
-  tile.getLastExtent() :
-  [0, 0, tilePixelRatio * tileSize, tilePixelRatio * tileSize];
-tile.setExtent(extent);
-```
-
-#### `ol.animate` now takes the shortest arc for rotation animation
-
-Usually rotation animations should animate along the shortest arc. There are rare occasions where a spinning animation effect is desired. So if you previously had something like
-```js
-map.getView().animate({
-  rotation: 2 * Math.PI,
-  duration: 2000
-});
-```
-we recommend to split the animation into two parts and use different easing functions. The code below results in the same effect as the snippet above did with previous versions:
-```js
-map.getView().animate({
-  rotation: Math.PI,
-  easing: ol.easing.easeIn
-}, {
-  rotation: 2 * Math.PI,
-  easing: ol.easing.easeOut
-});
-```
-
-## Full List of Changes
-
- * [#7117](https://github.com/openlayers/openlayers/pull/7117) - Sensible default tilegrid for vector tiles ([@tschaub](https://github.com/tschaub))
- * [#7116](https://github.com/openlayers/openlayers/pull/7116) - fix(package): update rollup to version 0.47.2 ([@openlayers](https://github.com/openlayers))
- * [#7111](https://github.com/openlayers/openlayers/pull/7111) - Remove broken wrapX handling from ol.Graticule ([@ahocevar](https://github.com/ahocevar))
- * [#7107](https://github.com/openlayers/openlayers/pull/7107) - Update rollup to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7106](https://github.com/openlayers/openlayers/pull/7106) - Update proj4 to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7105](https://github.com/openlayers/openlayers/pull/7105) - Functions for spherical calculations ([@tschaub](https://github.com/tschaub))
- * [#7104](https://github.com/openlayers/openlayers/pull/7104) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6807](https://github.com/openlayers/openlayers/pull/6807) - Initialize hasZ in the constructor of GML3 ([@Jenselme](https://github.com/Jenselme))
- * [#7102](https://github.com/openlayers/openlayers/pull/7102) - Allow drag and drop interaction to be configured with a source ([@tschaub](https://github.com/tschaub))
- * [#6825](https://github.com/openlayers/openlayers/pull/6825) - Read/write Tessellate tag in KML format ([@oterral](https://github.com/oterral))
- * [#7098](https://github.com/openlayers/openlayers/pull/7098) - Use fractional coordinates for CSS positioning ([@ahocevar](https://github.com/ahocevar))
- * [#7064](https://github.com/openlayers/openlayers/pull/7064) - Do not use Array.prototype.forEach when dealing with potentially large arrays ([@ahocevar](https://github.com/ahocevar))
- * [#7093](https://github.com/openlayers/openlayers/pull/7093) - Allow modify interaction to be configured with a source ([@tschaub](https://github.com/tschaub))
- * [#7096](https://github.com/openlayers/openlayers/pull/7096) - Add new Map#getFeaturesAtPixel method ([@ahocevar](https://github.com/ahocevar))
- * [#7094](https://github.com/openlayers/openlayers/pull/7094) - Add missing zIndex options ([@icholy](https://github.com/icholy))
- * [#7087](https://github.com/openlayers/openlayers/pull/7087) - Fix scale line for EPSG:4326 maps ([@ahocevar](https://github.com/ahocevar))
- * [#7088](https://github.com/openlayers/openlayers/pull/7088) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7085](https://github.com/openlayers/openlayers/pull/7085) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7084](https://github.com/openlayers/openlayers/pull/7084) - Fix a typo in the street-labels example ([@ahocevar](https://github.com/ahocevar))
- * [#7082](https://github.com/openlayers/openlayers/pull/7082) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7079](https://github.com/openlayers/openlayers/pull/7079) - Optimize custom renderer code, examples and API ([@ahocevar](https://github.com/ahocevar))
- * [#7080](https://github.com/openlayers/openlayers/pull/7080) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7078](https://github.com/openlayers/openlayers/pull/7078) - Fix return type annotation of ol.layer.VectorTile.getSource ([@geosense](https://github.com/geosense))
- * [#7073](https://github.com/openlayers/openlayers/pull/7073) - Make ol.layer.Group change handling consistent ([@gberaudo](https://github.com/gberaudo))
- * [#7075](https://github.com/openlayers/openlayers/pull/7075) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7072](https://github.com/openlayers/openlayers/pull/7072) - Improve API docs for ol.VectorTile ([@ahocevar](https://github.com/ahocevar))
- * [#7070](https://github.com/openlayers/openlayers/pull/7070) - Get tilePixelRatio from MVT tiles ([@ahocevar](https://github.com/ahocevar))
- * [#7069](https://github.com/openlayers/openlayers/pull/7069) - Update mocha to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7068](https://github.com/openlayers/openlayers/pull/7068) - Update fs-extra to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7066](https://github.com/openlayers/openlayers/pull/7066) - Fix ol.interaction.Extent event type and documentation ([@ahocevar](https://github.com/ahocevar))
- * [#7032](https://github.com/openlayers/openlayers/pull/7032) - Fix KML Export Icon Anchor ([@raiyni](https://github.com/raiyni))
- * [#7065](https://github.com/openlayers/openlayers/pull/7065) - Only use API functions in example ([@ahocevar](https://github.com/ahocevar))
- * [#7022](https://github.com/openlayers/openlayers/pull/7022) - Allow styles to configure a custom renderer ([@ahocevar](https://github.com/ahocevar))
- * [#7061](https://github.com/openlayers/openlayers/pull/7061) - Update docs and issue and pull request instructions ([@ahocevar](https://github.com/ahocevar))
- * [#7059](https://github.com/openlayers/openlayers/pull/7059) - Allow to configure Extent interaction with an extent ([@ahocevar](https://github.com/ahocevar))
- * [#7060](https://github.com/openlayers/openlayers/pull/7060) - Removing invalid urn ([@wnordmann](https://github.com/wnordmann))
- * [#7051](https://github.com/openlayers/openlayers/pull/7051) - Changing the EPSG3857.PROJECTION array assignment and adding urn:ogc:… ([@wnordmann](https://github.com/wnordmann))
- * [#7045](https://github.com/openlayers/openlayers/pull/7045) - Respect pixelRatio when scaling images ([@ahocevar](https://github.com/ahocevar))
- * [#7023](https://github.com/openlayers/openlayers/pull/7023) - Update tile size and resolutions of vector tile examples ([@ahocevar](https://github.com/ahocevar))
- * [#7005](https://github.com/openlayers/openlayers/pull/7005) - Add spatial reference inside geometry in EsriFormat ([@Sol1du2](https://github.com/Sol1du2))
- * [#7034](https://github.com/openlayers/openlayers/pull/7034) - Move non-build dependencies to devDependencies ([@probins](https://github.com/probins))
- * [#7050](https://github.com/openlayers/openlayers/pull/7050) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6976](https://github.com/openlayers/openlayers/pull/6976) - Example - Earthquake Clusters - Change evt.type of interaction ([@ehanoj](https://github.com/ehanoj))
- * [#7048](https://github.com/openlayers/openlayers/pull/7048) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7041](https://github.com/openlayers/openlayers/pull/7041) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7042](https://github.com/openlayers/openlayers/pull/7042) - Line dash offset ([@gkresic](https://github.com/gkresic))
- * [#6980](https://github.com/openlayers/openlayers/pull/6980) - Added tileClass to TileWMS ([@ZachTRice](https://github.com/ZachTRice))
- * [#7028](https://github.com/openlayers/openlayers/pull/7028) - Fix Graticule use of incorrect min/maxLon values ([@greggian](https://github.com/greggian))
- * [#7021](https://github.com/openlayers/openlayers/pull/7021) - Update fs-extra to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7018](https://github.com/openlayers/openlayers/pull/7018) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7015](https://github.com/openlayers/openlayers/pull/7015) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7014](https://github.com/openlayers/openlayers/pull/7014) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7013](https://github.com/openlayers/openlayers/pull/7013) - Remove ol.sphere.WGS84 and ol.sphere.NORMAL ([@tschaub](https://github.com/tschaub))
- * [#6981](https://github.com/openlayers/openlayers/pull/6981) - Render transparent vector layers to an intermediate canvas ([@gberaudo](https://github.com/gberaudo))
- * [#6899](https://github.com/openlayers/openlayers/pull/6899) - Use number literal for sphere radius ([@probins](https://github.com/probins))
- * [#7011](https://github.com/openlayers/openlayers/pull/7011) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7008](https://github.com/openlayers/openlayers/pull/7008) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7007](https://github.com/openlayers/openlayers/pull/7007) - fix(package): update rollup to version 0.45.0 ([@openlayers](https://github.com/openlayers))
- * [#6996](https://github.com/openlayers/openlayers/pull/6996) - 6987: Memory leak with WMS time source with reprojection ([@ch08532](https://github.com/ch08532))
- * [#7003](https://github.com/openlayers/openlayers/pull/7003) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7004](https://github.com/openlayers/openlayers/pull/7004) - Use https for bing and stamen attributions ([@fredj](https://github.com/fredj))
- * [#6998](https://github.com/openlayers/openlayers/pull/6998) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6999](https://github.com/openlayers/openlayers/pull/6999) - Make VectorTile source work with multiple layers ([@ahocevar](https://github.com/ahocevar))
- * [#6988](https://github.com/openlayers/openlayers/pull/6988) - Add missing type annotations ([@ahocevar](https://github.com/ahocevar))
- * [#6984](https://github.com/openlayers/openlayers/pull/6984) - Update closure-util to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6970](https://github.com/openlayers/openlayers/pull/6970) - Fix Bug when adding/removing layer with no cache ([@cmortazavi](https://github.com/cmortazavi))
- * [#6972](https://github.com/openlayers/openlayers/pull/6972) - Handle error tiles properly ([@ahocevar](https://github.com/ahocevar))
- * [#6973](https://github.com/openlayers/openlayers/pull/6973) - Update clean-css-cli to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6971](https://github.com/openlayers/openlayers/pull/6971) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6968](https://github.com/openlayers/openlayers/pull/6968) - Shortest arc rotation animation improvements and upgrade notes ([@ahocevar](https://github.com/ahocevar))
- * [#6966](https://github.com/openlayers/openlayers/pull/6966) - Add getResolutionForZoom method for ol.View ([@ahocevar](https://github.com/ahocevar))
- * [#6965](https://github.com/openlayers/openlayers/pull/6965) - Use shortest rotation delta for animation ([@ahocevar](https://github.com/ahocevar))
- * [#6967](https://github.com/openlayers/openlayers/pull/6967) - Add RoadOnDemand imagery set to Bing example ([@ahocevar](https://github.com/ahocevar))
- * [#6964](https://github.com/openlayers/openlayers/pull/6964) - Fix KML ExtendedData reading ([@fredj](https://github.com/fredj))
- * [#6958](https://github.com/openlayers/openlayers/pull/6958) - Remove error tiles after loading is finished ([@ahocevar](https://github.com/ahocevar))
- * [#6793](https://github.com/openlayers/openlayers/pull/6793) - Webgl text ([@GaborFarkas](https://github.com/GaborFarkas))
- * [#6960](https://github.com/openlayers/openlayers/pull/6960) - Queue tiles before loading ([@tschaub](https://github.com/tschaub))
- * [#6957](https://github.com/openlayers/openlayers/pull/6957) - Greenkeeper/eslint 4.1.1 ([@openlayers](https://github.com/openlayers))
- * [#6955](https://github.com/openlayers/openlayers/pull/6955) - Update async to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6916](https://github.com/openlayers/openlayers/pull/6916) - Upgrade eslint to v4.0.0 ([@marcjansen](https://github.com/marcjansen))
- * [#6943](https://github.com/openlayers/openlayers/pull/6943) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#6939](https://github.com/openlayers/openlayers/pull/6939) - Abort loading when tile is disposed ([@ahocevar](https://github.com/ahocevar))
- * [#6930](https://github.com/openlayers/openlayers/pull/6930) - Handle setActive(false) on an interaction without map ([@openlayers](https://github.com/openlayers))
- * [#6936](https://github.com/openlayers/openlayers/pull/6936) - Do not stop the render loop when all wanted tiles are aborted ([@ahocevar](https://github.com/ahocevar))
- * [#6920](https://github.com/openlayers/openlayers/pull/6920) - Fix minor type strength inconsistency ([@klokantech](https://github.com/klokantech))
- * [#6935](https://github.com/openlayers/openlayers/pull/6935) - Use transparent image from canvas context ([@ahocevar](https://github.com/ahocevar))
- * [#6933](https://github.com/openlayers/openlayers/pull/6933) - Improve proj.get() logic ([@probins](https://github.com/probins))
- * [#6931](https://github.com/openlayers/openlayers/pull/6931) - Make sure we use the default featurePrefix ([@bartvde](https://github.com/bartvde))
- * [#6928](https://github.com/openlayers/openlayers/pull/6928) - Only adjust resolution when center within projection extent ([@ahocevar](https://github.com/ahocevar))
- * [#6923](https://github.com/openlayers/openlayers/pull/6923) - Load tasks/build-ext.js in strict mode ([@fredj](https://github.com/fredj))
- * [#6918](https://github.com/openlayers/openlayers/pull/6918) - Remove unnecessary pixelRatio check ([@ahocevar](https://github.com/ahocevar))
- * [#6917](https://github.com/openlayers/openlayers/pull/6917) - Correct typo in graticule docs ([@probins](https://github.com/probins))
--- a/changelog/v4.3.1.md
+++ b/changelog/v4.3.1.md
@@ -1,9 +0,0 @@
-# 4.3.1
-
-The v4.3.1 release includes a few fixes that didn't make it into v4.3.0.  No special upgrade considerations.
-
-## Fixes
-
- * [#7122](https://github.com/openlayers/openlayers/pull/7122) - Immediately complete no-op animations ([@tschaub](https://github.com/tschaub))
- * [#7120](https://github.com/openlayers/openlayers/pull/7120) - Fix hit detection for overzoomed vector tiles ([@ahocevar](https://github.com/ahocevar))
- * [#7114](https://github.com/openlayers/openlayers/pull/7114) - Immediate WebGL text renderer and other improvements ([@GaborFarkas](https://github.com/GaborFarkas))
--- a/changelog/v4.3.2.md
+++ b/changelog/v4.3.2.md
@@ -1,7 +0,0 @@
-# 4.3.2
-
-The v4.3.2 release includes a single fix.
-
-## Fixes
-
- * [#7140](https://github.com/openlayers/openlayers/pull/7140) - Export ol.Sphere.getLength and ol.Sphere.getArea ([@fredj](https://github.com/fredj))
--- a/changelog/v4.3.3.md
+++ b/changelog/v4.3.3.md
@@ -1,7 +0,0 @@
-# 4.3.3
-
-The v4.3.3 release reverts the fractional pixel positioning of overlays.
-
-## Fixes
-
- * [#7258](https://github.com/openlayers/openlayers/pull/7258) - Revert changes made in #7098 ([@ahocevar](https://github.com/ahocevar))
--- a/changelog/v4.3.4.md
+++ b/changelog/v4.3.4.md
@@ -1,7 +0,0 @@
-# 4.3.4
-
-The v4.3.4 release includes a fix for Safari on iOS 11.
-
-## Fixes
-
- * [#7285](https://github.com/openlayers/openlayers/pull/7285) - Convert pointerId to string for object lookups ([@tschaub](https://github.com/tschaub))
--- a/changelog/v4.4.0.md
+++ b/changelog/v4.4.0.md
@@ -1,118 +0,0 @@
-# 4.3.0
-
-## Summary
-
-The 4.3.0 release includes features and fixes from 80 pull requests, including first time contributions from @EduardoNogueira, @ath0mas, @f7o, @trevorblades, @viethang, and @wb14123.  There are some really nice rendering enhancements included in this release.  It is now possible to render labels along lines (see [#7239](https://github.com/openlayers/openlayers/pull/7239) for more detail) and polygon labels are only rendered if they fit within the polygon ([#7292](https://github.com/openlayers/openlayers/pull/7292)).  In addition, we now render tiles with an opacity transition, so tiled layers more gracefully fade in ([#7267](https://github.com/openlayers/openlayers/pull/7267)).
-
-See below for the full list of changes.
-
- * [#7306](https://github.com/openlayers/openlayers/pull/7306) - Enable mouse wheel in freehand draw mode ([@trevorblades](https://github.com/trevorblades))
- * [#7297](https://github.com/openlayers/openlayers/pull/7297) - Fix multipoint instruction set ([@ahocevar](https://github.com/ahocevar))
- * [#7267](https://github.com/openlayers/openlayers/pull/7267) - Render tiles with an opacity transition ([@tschaub](https://github.com/tschaub))
- * [#7292](https://github.com/openlayers/openlayers/pull/7292) - Only render polygon labels when they fit ([@ahocevar](https://github.com/ahocevar))
- * [#7289](https://github.com/openlayers/openlayers/pull/7289) - Release v4.3.4 ([@openlayers](https://github.com/openlayers))
- * [#7287](https://github.com/openlayers/openlayers/pull/7287) - Fix vertical stroke/fill alignment for text along lines ([@ahocevar](https://github.com/ahocevar))
- * [#7285](https://github.com/openlayers/openlayers/pull/7285) - Convert pointerId to string for object lookups ([@tschaub](https://github.com/tschaub))
- * [#7280](https://github.com/openlayers/openlayers/pull/7280) - Updated docs for deleteCondition ([@EduardoNogueira](https://github.com/EduardoNogueira))
- * [#7274](https://github.com/openlayers/openlayers/pull/7274) - Add ability to change the loader of a vector source ([@bartvde](https://github.com/bartvde))
- * [#7259](https://github.com/openlayers/openlayers/pull/7259) - Add missing param doc tag for ol.format.WKT.prototype.writeFeatures ([@fredj](https://github.com/fredj))
- * [#7260](https://github.com/openlayers/openlayers/pull/7260) - Release v4.3.3 ([@openlayers](https://github.com/openlayers))
- * [#7258](https://github.com/openlayers/openlayers/pull/7258) - Revert changes made in #7098. ([@ahocevar](https://github.com/ahocevar))
- * [#7220](https://github.com/openlayers/openlayers/pull/7220) - Mark ol.format.filter.Spatial as abstract class ([@fredj](https://github.com/fredj))
- * [#7249](https://github.com/openlayers/openlayers/pull/7249) - Script to rename files so the case matches the module name ([@ahocevar](https://github.com/ahocevar))
- * [#7252](https://github.com/openlayers/openlayers/pull/7252) - fix osmxml to read ways before the definition of nodes ([@wb14123](https://github.com/wb14123))
- * [#7253](https://github.com/openlayers/openlayers/pull/7253) - Nicer wording in the issue template ([@openlayers](https://github.com/openlayers))
- * [#7236](https://github.com/openlayers/openlayers/pull/7236) - reusing images in ol.style.Icon#clone ([@KlausBenndorf](https://github.com/KlausBenndorf))
- * [#7246](https://github.com/openlayers/openlayers/pull/7246) - Compare measured lengths with a tolerance ([@marcjansen](https://github.com/marcjansen))
- * [#7247](https://github.com/openlayers/openlayers/pull/7247) - Raise tolerance of rendering tests to pass on Firefox 55 (GNU/Linux) ([@marcjansen](https://github.com/marcjansen))
- * [#7239](https://github.com/openlayers/openlayers/pull/7239) - Render text along lines ([@ahocevar](https://github.com/ahocevar))
- * [#7242](https://github.com/openlayers/openlayers/pull/7242) - Use EMPTY and LOADED state properly on ol.VectorImageTile ([@ahocevar](https://github.com/ahocevar))
- * [#7234](https://github.com/openlayers/openlayers/pull/7234) - Fix abort handling of tileload events ([@ahocevar](https://github.com/ahocevar))
- * [#7221](https://github.com/openlayers/openlayers/pull/7221) - update zoomify source to accept tileIndex placeholders and handle iip… ([@thhomas](https://github.com/thhomas))
- * [#6871](https://github.com/openlayers/openlayers/pull/6871) - Correct controls position in Center example ([@ath0mas](https://github.com/ath0mas))
- * [#7229](https://github.com/openlayers/openlayers/pull/7229) - Fix JSDoc paths for custom builds ([@ahocevar](https://github.com/ahocevar))
- * [#7230](https://github.com/openlayers/openlayers/pull/7230) - Remove unused context handling for ol.Image ([@ahocevar](https://github.com/ahocevar))
- * [#7225](https://github.com/openlayers/openlayers/pull/7225) - Fix hit detection for image layers ([@ahocevar](https://github.com/ahocevar))
- * [#7223](https://github.com/openlayers/openlayers/pull/7223) - Transform updates ([@tschaub](https://github.com/tschaub))
- * [#7219](https://github.com/openlayers/openlayers/pull/7219) - Change cartodb domain from cartodb.com to carto.com ([@fredj](https://github.com/fredj))
- * [#7210](https://github.com/openlayers/openlayers/pull/7210) - Avoid unnecessary calculations for a zoom factor of 2 ([@tschaub](https://github.com/tschaub))
- * [#7209](https://github.com/openlayers/openlayers/pull/7209) - Remove grid.getTileRangeForExtentAndResolution() ([@tschaub](https://github.com/tschaub))
- * [#7201](https://github.com/openlayers/openlayers/pull/7201) - Prerender text to images ([@ahocevar](https://github.com/ahocevar))
- * [#7208](https://github.com/openlayers/openlayers/pull/7208) - Do not calculate coverage when running tests locally ([@ahocevar](https://github.com/ahocevar))
- * [#7206](https://github.com/openlayers/openlayers/pull/7206) - Only load source tiles that intersect the source tile grid's extent ([@ahocevar](https://github.com/ahocevar))
- * [#7203](https://github.com/openlayers/openlayers/pull/7203) - Enable Edge tests on SauceLabs ([@ahocevar](https://github.com/ahocevar))
- * [#7194](https://github.com/openlayers/openlayers/pull/7194) - Deprecate ol.DeviceOrientation ([@fredj](https://github.com/fredj))
- * [#7198](https://github.com/openlayers/openlayers/pull/7198) - Use geometry name in WFS updates ([@bartvde](https://github.com/bartvde))
- * [#7205](https://github.com/openlayers/openlayers/pull/7205) - Release v4.3.2 ([@openlayers](https://github.com/openlayers))
- * [#7172](https://github.com/openlayers/openlayers/pull/7172) - added clear method to vectortile source ([@f7o](https://github.com/f7o))
- * [#7196](https://github.com/openlayers/openlayers/pull/7196) - renderSync() to make sure overlay is initially visible ([@ahocevar](https://github.com/ahocevar))
- * [#7193](https://github.com/openlayers/openlayers/pull/7193) - Fix KML links for documents created locally in Safari ([@ahocevar](https://github.com/ahocevar))
- * [#6977](https://github.com/openlayers/openlayers/pull/6977) - Fixed modify feature test ([@KlausBenndorf](https://github.com/KlausBenndorf))
- * [#7190](https://github.com/openlayers/openlayers/pull/7190) - Use jsts version 1.4.0 in example ([@openlayers](https://github.com/openlayers))
- * [#7191](https://github.com/openlayers/openlayers/pull/7191) - Fix provide/require for autogenerated shader files ([@ahocevar](https://github.com/ahocevar))
- * [#7192](https://github.com/openlayers/openlayers/pull/7192) - Fix typo ([@viethang](https://github.com/viethang))
- * [#7133](https://github.com/openlayers/openlayers/pull/7133) - Issue/6991/WFS Write Dimension ([@Sol1du2](https://github.com/Sol1du2))
- * [#7141](https://github.com/openlayers/openlayers/pull/7141) - Issue/6990/Wfs Read srsDimension ([@Sol1du2](https://github.com/Sol1du2))
- * [#7187](https://github.com/openlayers/openlayers/pull/7187) - Simpler tile pixel handling and faster parsing for ol.format.MVT vector tiles ([@ahocevar](https://github.com/ahocevar))
- * [#7182](https://github.com/openlayers/openlayers/pull/7182) - Avoid instanceof checks in global test extensions ([@tschaub](https://github.com/tschaub))
- * [#7168](https://github.com/openlayers/openlayers/pull/7168) - Exclude greenkeeper merges from changelog ([@gberaudo](https://github.com/gberaudo))
- * [#7162](https://github.com/openlayers/openlayers/pull/7162) - Bring back coverage ([@marcjansen](https://github.com/marcjansen))
- * [#7165](https://github.com/openlayers/openlayers/pull/7165) - More assorted test fixes ([@tschaub](https://github.com/tschaub))
- * [#7142](https://github.com/openlayers/openlayers/pull/7142) - Adds unit test to test the projection inside the geometry of esriJson ([@Sol1du2](https://github.com/Sol1du2))
- * [#7163](https://github.com/openlayers/openlayers/pull/7163) - Remove bundling magic for Mapbox styles script ([@ahocevar](https://github.com/ahocevar))
- * [#7160](https://github.com/openlayers/openlayers/pull/7160) - Assorted test updates ([@tschaub](https://github.com/tschaub))
- * [#7158](https://github.com/openlayers/openlayers/pull/7158) - Retain comments when replacing nodes ([@tschaub](https://github.com/tschaub))
- * [#7153](https://github.com/openlayers/openlayers/pull/7153) - Scripts for in-place transforms ([@tschaub](https://github.com/tschaub))
- * [#7154](https://github.com/openlayers/openlayers/pull/7154) - Unused require in examples/d3.js ([@tschaub](https://github.com/tschaub))
- * [#7151](https://github.com/openlayers/openlayers/pull/7151) - Get rid of useless test exports ([@tschaub](https://github.com/tschaub))
- * [#7152](https://github.com/openlayers/openlayers/pull/7152) - Adjust the pull request template (tests, CLA, wording) ([@marcjansen](https://github.com/marcjansen))
- * [#7150](https://github.com/openlayers/openlayers/pull/7150) - Remove problematic spies from scaleline tests ([@marcjansen](https://github.com/marcjansen))
- * [#7149](https://github.com/openlayers/openlayers/pull/7149) - Remove unused requires ([@tschaub](https://github.com/tschaub))
- * [#7148](https://github.com/openlayers/openlayers/pull/7148) - Remove ol.ENABLE_WEBGL wrap from WebGL files ([@ahocevar](https://github.com/ahocevar))
- * [#7147](https://github.com/openlayers/openlayers/pull/7147) - Remove unnecessary import in events.test.js ([@tschaub](https://github.com/tschaub))
- * [#7146](https://github.com/openlayers/openlayers/pull/7146) - Avoid modifying imports ([@openlayers](https://github.com/openlayers))
- * [#7145](https://github.com/openlayers/openlayers/pull/7145) - Spaceless provides ([@tschaub](https://github.com/tschaub))
- * [#7136](https://github.com/openlayers/openlayers/pull/7136) - Use data URI instead of whole empty image ([@ahocevar](https://github.com/ahocevar))
- * [#7137](https://github.com/openlayers/openlayers/pull/7137) - Developer documentation updates ([@tschaub](https://github.com/tschaub))
- * [#7138](https://github.com/openlayers/openlayers/pull/7138) - Improvements to the new test setup ([@ahocevar](https://github.com/ahocevar))
- * [#7140](https://github.com/openlayers/openlayers/pull/7140) - Export ol.Sphere.getLength and ol.Sphere.getArea ([@openlayers](https://github.com/openlayers))
- * [#7131](https://github.com/openlayers/openlayers/pull/7131) - Print ES6 import hint on each doc page ([@ahocevar](https://github.com/ahocevar))
- * [#6953](https://github.com/openlayers/openlayers/pull/6953) - Run tests in real browsers with Karma ([@tschaub](https://github.com/tschaub))
- * [#7127](https://github.com/openlayers/openlayers/pull/7127) - Use static GeoJSON instead of Overpass query for faster loading ([@ahocevar](https://github.com/ahocevar))
- * [#7125](https://github.com/openlayers/openlayers/pull/7125) - Do not try to render error tiles from VectorTile source ([@ahocevar](https://github.com/ahocevar))
- * [#6855](https://github.com/openlayers/openlayers/pull/6855) - Pluggable renderers ([@tschaub](https://github.com/tschaub))
- * [#7128](https://github.com/openlayers/openlayers/pull/7128) - Make view.animate() tolerate undefined views ([@tschaub](https://github.com/tschaub))
- * [#7124](https://github.com/openlayers/openlayers/pull/7124) - Release v4.3.1 ([@openlayers](https://github.com/openlayers))
- * [#7122](https://github.com/openlayers/openlayers/pull/7122) - Immediately complete no-op animations ([@tschaub](https://github.com/tschaub))
- * [#7120](https://github.com/openlayers/openlayers/pull/7120) - Fix hit detection for overzoomed vector tiles ([@ahocevar](https://github.com/ahocevar))
- * [#7114](https://github.com/openlayers/openlayers/pull/7114) - Immediate WebGL text renderer and other improvements ([@GaborFarkas](https://github.com/GaborFarkas))
-
-
-Additionally a number of updates where made to our dependencies:
- * [#7307](https://github.com/openlayers/openlayers/pull/7307) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7302](https://github.com/openlayers/openlayers/pull/7302) - Update mocha to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7298](https://github.com/openlayers/openlayers/pull/7298) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7295](https://github.com/openlayers/openlayers/pull/7295) - chore(package): update coveralls to version 3.0.0 ([@openlayers](https://github.com/openlayers))
- * [#7291](https://github.com/openlayers/openlayers/pull/7291) - Update pbf to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7290](https://github.com/openlayers/openlayers/pull/7290) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7281](https://github.com/openlayers/openlayers/pull/7281) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7273](https://github.com/openlayers/openlayers/pull/7273) - Update clean-css-cli to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7272](https://github.com/openlayers/openlayers/pull/7272) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7269](https://github.com/openlayers/openlayers/pull/7269) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7265](https://github.com/openlayers/openlayers/pull/7265) - Update rollup to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7263](https://github.com/openlayers/openlayers/pull/7263) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7254](https://github.com/openlayers/openlayers/pull/7254) - Update closure-util to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7257](https://github.com/openlayers/openlayers/pull/7257) - Update jsdoc to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7251](https://github.com/openlayers/openlayers/pull/7251) - Update fs-extra to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7243](https://github.com/openlayers/openlayers/pull/7243) - Update mocha to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7240](https://github.com/openlayers/openlayers/pull/7240) - Update mocha to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7238](https://github.com/openlayers/openlayers/pull/7238) - Update mocha to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7212](https://github.com/openlayers/openlayers/pull/7212) - chore(package): update clean-css-cli to version 4.1.9 ([@openlayers](https://github.com/openlayers))
- * [#7213](https://github.com/openlayers/openlayers/pull/7213) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7207](https://github.com/openlayers/openlayers/pull/7207) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7188](https://github.com/openlayers/openlayers/pull/7188) - fix(package): update rollup to version 0.49.1 ([@openlayers](https://github.com/openlayers))
- * [#7166](https://github.com/openlayers/openlayers/pull/7166) - fix(package): update rollup to version 0.48.1 ([@openlayers](https://github.com/openlayers))
- * [#7161](https://github.com/openlayers/openlayers/pull/7161) - Update eslint to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7144](https://github.com/openlayers/openlayers/pull/7144) - Update sinon to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7135](https://github.com/openlayers/openlayers/pull/7135) - Update closure-util to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
- * [#7126](https://github.com/openlayers/openlayers/pull/7126) - Update phantomjs-prebuilt to the latest version 🚀 ([@openlayers](https://github.com/openlayers))
--- a/config/jsdoc/api/conf.json
+++ b/config/jsdoc/api/conf.json
@@ -1,7 +1,7 @@
 {
    "opts": {
        "recurse": true,
-        "template": "config/jsdoc/api/template"
+        "template": "../../config/jsdoc/api/template"
    },
    "tags": {
        "allowUnknownTags": true
@@ -17,11 +17,11 @@
    },
    "plugins": [
        "plugins/markdown",
-        "config/jsdoc/api/plugins/inheritdoc",
-        "config/jsdoc/api/plugins/typedefs",
-        "config/jsdoc/api/plugins/events",
-        "config/jsdoc/api/plugins/observable",
-        "config/jsdoc/api/plugins/api"
+        "../../config/jsdoc/api/plugins/inheritdoc",
+        "../../config/jsdoc/api/plugins/typedefs",
+        "../../config/jsdoc/api/plugins/events",
+        "../../config/jsdoc/api/plugins/observable",
+        "../../config/jsdoc/api/plugins/api"
    ],
    "markdown": {
        "parser": "gfm"
--- a/config/jsdoc/api/index.md
+++ b/config/jsdoc/api/index.md
@@ -34,7 +34,7 @@ Interactions for [vector features](ol.Feature.html)
 <tr><th>Projections</th><th>Observable objects</th><th>Other components</th></tr>
 <tr><td><p>All coordinates and extents need to be provided in view projection (default: EPSG:3857). To transform, use [ol.proj.transform()](ol.proj.html#.transform) and [ol.proj.transformExtent()](ol.proj.html#.transformExtent).</p>
 [ol.proj](ol.proj.html)</td>
-<td><p>Changes to all [ol.Objects](ol.Object.html) can be observed by calling the [object.on('propertychange')](ol.Object.html#on) method.  Listeners receive an [ol.Object.Event](ol.Object.Event.html) with information on the changed property and old value.</p>
+<td><p>Changes to all [ol.Objects](ol.Object.html) can observed by calling the [object.on('propertychange')](ol.Object.html#on) method.  Listeners receive an [ol.Object.Event](ol.Object.Event.html) with information on the changed property and old value.</p>
 <td>[ol.DeviceOrientation](ol.DeviceOrientation.html)<br>
 [ol.Geolocation](ol.Geolocation.html)<br>
 [ol.Overlay](ol.Overlay.html)<br></td>
--- a/config/jsdoc/api/template/tmpl/container.tmpl
+++ b/config/jsdoc/api/template/tmpl/container.tmpl
@@ -10,53 +10,40 @@
 <?js } else { ?>

 <section>
-
+    
 <header>
    <h2><?js if (doc.ancestors && doc.ancestors.length) { ?>
        <span class="ancestors"><?js= doc.ancestors.join('') ?></span><?js } ?><?js= doc.name ?>
    <?js if (doc.variation) { ?>
        <sup class="variation"><?js= doc.variation ?></sup>
    <?js } ?></h2>
-    <br>
-    <?js if (doc.stability || doc.kind == 'namespace') {
-      var ancestors = doc.ancestors.map(a => a.replace(/>\./g, '>').replace(/\.</g, '<')).join('/');
-      var name = doc.name.toLowerCase();
-      var parts = [];
-      if (ancestors) {
-        parts.push(ancestors);
-      }
-      parts.push(name);
-      var importPath = parts.join('/');
-    ?>
-    <pre class="prettyprint source"><code>import <?js= doc.name ?> from '<?js= importPath ?>';</code></pre>
-    <?js } ?>
    <?js if (doc.classdesc) { ?>
        <div class="class-description"><?js= doc.classdesc ?></div>
    <?js } ?>
-</header>
+</header>  

 <article>
    <div class="container-overview">
    <?js if (doc.kind === 'module' && doc.module) { ?>
        <?js= self.partial('method.tmpl', doc.module) ?>
    <?js } ?>
-
+    
    <?js if (doc.kind === 'class') { ?>
        <?js= self.partial('method.tmpl', doc) ?>
    <?js } else { ?>
        <?js if (doc.description) { ?>
            <div class="description"><?js= doc.description ?></div>
        <?js } ?>
-
+        
        <?js= self.partial('details.tmpl', doc) ?>
-
+        
        <?js if (doc.examples && doc.examples.length) { ?>
            <h3>Example<?js= doc.examples.length > 1? 's':'' ?></h3>
            <?js= self.partial('examples.tmpl', doc.examples) ?>
        <?js } ?>
    <?js } ?>
    </div>
-
+    
    <?js if (doc.kind == 'class') {
      var subclasses = self.find(function() {
        return this.augments && this.augments.indexOf(doc.longname) > -1;
@@ -73,52 +60,52 @@

    <?js if (doc.augments && doc.augments.length) { ?>
        <h3 class="subsection-title">Extends</h3>
-
+        
        <ul><?js doc.augments.forEach(function(a) { ?>
            <li><?js= self.linkto(a, a) ?></li>
        <?js }); ?></ul>
    <?js } ?>
-
+    
    <?js if (doc.mixes && doc.mixes.length) { ?>
        <h3 class="subsection-title">Mixes In</h3>
-
+        
        <ul><?js doc.mixes.forEach(function(a) { ?>
            <li><?js= self.linkto(a, a) ?></li>
        <?js }); ?></ul>
    <?js } ?>
-
+    
    <?js if (doc.requires && doc.requires.length) { ?>
        <h3 class="subsection-title">Requires</h3>
-
+        
        <ul><?js doc.requires.forEach(function(r) { ?>
            <li><?js= self.linkto(r, r) ?></li>
        <?js }); ?></ul>
    <?js } ?>
-
+    
    <?js
-        var classes = self.find({kind: 'class', memberof: doc.longname});
-        if (doc.kind !== 'globalobj' && classes && classes.length) {
+        var classes = self.find({kind: 'class', memberof: doc.longname}); 
+        if (doc.kind !== 'globalobj' && classes && classes.length) { 
    ?>
        <h3 class="subsection-title">Classes</h3>
-
+        
        <dl><?js classes.forEach(function(c) { ?>
            <dt><?js= self.linkto(c.longname, c.name) ?></dt>
            <dd><?js if (c.summary) { ?><?js= c.summary ?><?js } ?></dd>
        <?js }); ?></dl>
    <?js } ?>
-
+    
    <?js
-        var namespaces = self.find({kind: 'namespace', memberof: doc.longname});
-        if (doc.kind !== 'globalobj' && namespaces && namespaces.length) {
+        var namespaces = self.find({kind: 'namespace', memberof: doc.longname}); 
+        if (doc.kind !== 'globalobj' && namespaces && namespaces.length) { 
    ?>
        <h3 class="subsection-title">Namespaces</h3>
-
+        
        <dl><?js namespaces.forEach(function(n) { ?>
            <dt><a href="namespaces.html#<?js= n.longname ?>"><?js= self.linkto(n.longname, n.name) ?></a></dt>
            <dd><?js if (n.summary) { ?><?js= n.summary ?><?js } ?></dd>
        <?js }); ?></dl>
    <?js } ?>
-
+    
    <?js
        if (doc.observables && doc.observables.length) {
    ?>
@@ -129,32 +116,32 @@

    <?js
        var members = self.find({kind: 'member', memberof: title === 'Global' ? {isUndefined: true} : doc.longname});
-        if (members && members.length && members.forEach) {
+        if (members && members.length && members.forEach) { 
    ?>
        <h3 class="subsection-title">Members</h3>
-
+        
        <dl><?js members.forEach(function(p) { ?>
            <?js= self.partial('members.tmpl', p) ?>
        <?js }); ?></dl>
    <?js } ?>
-
+    
    <?js
        var methods = self.find({kind: 'function', memberof: title === 'Global' ? {isUndefined: true} : doc.longname});
-        if (methods && methods.length && methods.forEach) {
+        if (methods && methods.length && methods.forEach) { 
    ?>
        <h3 class="subsection-title">Methods</h3>
-
+        
        <dl><?js methods.forEach(function(m) { ?>
            <?js= self.partial('method.tmpl', m) ?>
        <?js }); ?></dl>
    <?js } ?>
-
+    
    <?js
-        var typedefs = self.find({kind: 'typedef', memberof: title === 'Global' ? {isUndefined: true} : doc.longname});
-        if (typedefs && typedefs.length && typedefs.forEach) {
+        var typedefs = self.find({kind: 'typedef', memberof: title === 'Global' ? {isUndefined: true} : doc.longname}); 
+        if (typedefs && typedefs.length && typedefs.forEach) { 
    ?>
        <h3 class="subsection-title">Type Definitions</h3>
-
+        
        <dl><?js typedefs.forEach(function(e) {
                if (e.signature) {
            ?>
@@ -168,20 +155,20 @@
                }
            }); ?></dl>
    <?js } ?>
-
+    
    <?js
-        var events = self.find({kind: 'event', memberof: title === 'Global' ? {isUndefined: true} : doc.longname});
-        if (events && events.length && events.forEach) {
+        var events = self.find({kind: 'event', memberof: title === 'Global' ? {isUndefined: true} : doc.longname}); 
+        if (events && events.length && events.forEach) { 
    ?>
        <h3 class="subsection-title">Events</h3>
-
+        
        <dl><?js events.forEach(function(e) { ?>
            <?js= self.partial('method.tmpl', e) ?>
        <?js }); ?></dl>
    <?js } ?>
 </article>

-</section>
+</section>  
 <?js } ?>

 <?js }); ?>
--- a/config/jsdoc/info/conf.json
+++ b/config/jsdoc/info/conf.json
@@ -1,7 +1,7 @@
 {
    "opts": {
        "recurse": true,
-        "template": "config/jsdoc/info"
+        "template": "../../config/jsdoc/info"
    },
    "tags": {
        "allowUnknownTags": true
@@ -10,8 +10,8 @@
        "includePattern": "\\.js$"
    },
    "plugins": [
-        "config/jsdoc/info/api-plugin",
-        "config/jsdoc/info/define-plugin",
-        "config/jsdoc/info/virtual-plugin"
+        "../../config/jsdoc/info/api-plugin",
+        "../../config/jsdoc/info/define-plugin",
+        "../../config/jsdoc/info/virtual-plugin"
    ]
 }
--- a/doc/errors/index.md
+++ b/doc/errors/index.md
@@ -224,7 +224,3 @@ At least 2 conditions are required.
 ### 58

 Duplicate item added to a unique collection.  For example, it may be that you tried to add the same layer to a map twice.  Check for calls to `map.addLayer()` or other places where the map's layer collection is modified.
-
-### 59
-
-Invalid command found in the PBF.  This indicates that the loaded vector tile may be corrupt.
--- a/doc/index.hbs
+++ b/doc/index.hbs
@@ -11,7 +11,7 @@ For a more in-depth overview of OpenLayers core concepts, check out the [tutoria

 Make sure to also check out the [OpenLayers workshop](/workshop/).

-Find additional reference material in the [API docs](../apidoc) and [examples](../examples).
+Find additional reference material in the [API docs](../apidoc).

 # Frequently Asked Questions (FAQ)

@@ -19,4 +19,4 @@ We have put together a document that lists [Frequently Asked Questions (FAQ)](fa

 # More questions?

-If you cannot find an answer in the documentation or the FAQ, you can search [Stack Overflow](http://stackoverflow.com/questions/tagged/openlayers). If you cannot find an answer there, ask a new question there, using the tag 'openlayers'.
+If you cannot find an answer in the documentation or the FAQ, you can ask your question on [Stack Overflow using the tag 'openlayers'](http://stackoverflow.com/questions/tagged/openlayers).
--- a/doc/tutorials/browserify.md
+++ b/doc/tutorials/browserify.md
@@ -5,56 +5,57 @@ layout: doc.hbs

 # Introduction

-When going beyond modifying existing examples you might be looking for a way to setup your own code with dependency management together with external dependencies like OpenLayers.
+When going beyond modifying existing examples you might be looking for a
+way to setup your own code with dependency management together with external
+dependencies like OpenLayers.

-This tutorial serves as a suggested project setup using NPM and Browserify for the most basic needs. There are several other options, and in particular you might be interested in a more modern one (ES2015) [using Webpack with OpenLayers](https://gist.github.com/tschaub/79025aef325cd2837364400a105405b8).
+This tutorial serves as a suggested project setup using NPM and Browserify
+for the most basic needs. There are several other options and in particular
+you might be interested in 
+[compiling your own code together with OpenLayers](closure.html).

 ## Initial steps

-Create a new empty directory for your project and navigate to it by running `mkdir new-project && cd new-project`. Initialize your project using `npm init` and answer the questions asked.
+Create a new empty directory for your project and navigate to it by running
+`mkdir new-project && cd new-project`. Initialize your project using `npm init`
+and answer the questions asked.

-Add OpenLayers as dependency to your application with `npm install --save ol`.
-
-At this point you can ask NPM to add required development dependencies by running
-```
-npm install --save-dev cssify browserify cssify http-server uglify-js watchify
-npm install --save-dev babelify babel-plugin-transform-es2015-modules-commonjs
-```
-We will be using `cssify` to include the css definitions required by OpenLayers in our bundle. `watchify`, `http-server` and `uglify-js` are used to monitor for changes and to build into a minified bundle. `babelify` and `babel-plugin-transform-es2015-modules-commonjs` are used to make the `ol` package, which was created using ES2015 modules, work with CommonJS.
+At this point you can ask NPM to add required dependencies by running
+`npm install --save-dev openlayers browserify watchify uglify-js`. Watchify and
+Uglify will be used to monitor for changes and to build into a minified
+bundle.

 ## Application code and index.html

 Place your application code in `index.js`. Here is a simple starting point:

 ```js
-require('ol/ol.css');
-var ol_Map = require('ol/map').default;
-var ol_layer_Tile = require('ol/layer/tile').default;
-var ol_source_OSM = require('ol/source/osm').default;
-var ol_View = require('ol/view').default;
-
-var map = new ol_Map({
+var ol = require('openlayers');
+ 
+var map = new ol.Map({
  target: 'map',
  layers: [
-    new ol_layer_Tile({
-      source: new ol_source_OSM()
+    new ol.layer.Tile({
+      source: new ol.source.OSM()
    })
  ],
-  view: new ol_View({
+  view: new ol.View({
    center: [0, 0],
    zoom: 0
  })
 });
 ```

-You will also need an `ìndex.html` file that will use your bundle. Here is a simple example:
+You will also need an `ìndex.html` file that will use your bundle. Here is a simple
+example:

 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Using Browserify with OpenLayers</title>
+    <link rel="stylesheet" href="node_modules/openlayers/dist/ol.css" type="text/css">
    <style>
      #map {
        width: 400px;
@@ -71,17 +72,18 @@ You will also need an `ìndex.html` file that will use your bundle. Here is a si

 ## Creating a bundle

-With simple scripts you can introduce the commands `npm run build` and `npm start` to manually build your bundle and watch for changes, respectively. Add the following to the script section in `package.json`:
+With simple scripts you can introduce the commands `npm run build` and `npm start` to
+manually build your bundle and watch for changes, respectively. Add the following
+to the script section in `package.json`:

 ```json
 "scripts": {
-  "start": "watchify index.js -g cssify --outfile bundle.js & http-server",
-  "build": "browserify -g cssify index.js | uglifyjs --compress --output bundle.js"
+  "start": "watchify index.js --outfile bundle.js",
+  "build": "browserify index.js | uglifyjs --compress --output bundle.js"
 }
 ```
-Now to test your application open http://localhost:8080/ in your browser. `watchify` will update `bundle.js` whenever you change something. You simply need to reload the page in your browser to see the changes.
-```
-$ npm start
-```

-Note that `bundle.js` will contain your application code and all dependencies used in your application. From OpenLayers, it only contains the required components.
+Note that `bundle.js` will contain your application code and all dependencies
+used in your application, in this case the official full build of OpenLayers.
+If you only need parts of OpenLayers you can create
+[custom builds](../../builder).
--- a/doc/tutorials/closure.md
+++ b/doc/tutorials/closure.md
@@ -5,15 +5,11 @@ layout: doc.hbs

 # Compiling Application with Closure Compiler

-**Note**: When building an application with dependencies that are available as [npm](https://npmjs.com/) packages, it will probably be easier to use the [ol](https://npmjs.com/package/ol) package and follow the instructions there.
-
 The OpenLayers code uses the Closure Library, and it is compiled with the
 Closure Compiler. Using OpenLayers in an application does not require using
 Closure. But using Closure in an OpenLayers application is possible. And this
 is what this tutorial is about.

-When you want to include OpenLayers as separate script without bundling with your application, follow the [Creating custom builds](./custom-builds.html) tutorial instead.
-
 This tutorial will teach you how to set up an OpenLayers application based on
 the [`closure-util`](https://github.com/openlayers/closure-util) node package,
 which provides utilities for working with Closure. Using `closure-util` is one
@@ -124,7 +120,7 @@ goog.require('ol.source.OSM');


 /**
- * @type {ol.PluggableMap}
+ * @type {ol.Map}
 */
 app.map = new ol.Map({
  target: 'map',
--- a/doc/tutorials/raster-reprojection.md
+++ b/doc/tutorials/raster-reprojection.md
@@ -45,7 +45,7 @@ The easiest way to use a custom projection is to add the [Proj4js](http://proj4j
 Following example shows definition of a [British National Grid](https://epsg.io/27700):

 ``` html
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js"></script>
 ```

 ``` javascript
--- a/examples/.eslintrc
+++ b/examples/.eslintrc
@@ -6,7 +6,6 @@
    "createMapboxStreetsV6Style": false,
    "d3": false,
    "geojsonvt": false,
-    "GyroNorm": false,
    "jsPDF": false,
    "jsts": false,
    "saveAs": false,
--- a/examples/center.css
+++ b/examples/center.css
@@ -10,11 +10,7 @@ div.ol-zoom {
  top: 178px;
  left: 158px;
 }
-div.ol-rotate {
-  top: 178px;
-  right: 58px;
-}
-.map div.ol-attribution {
+div.ol-attribution {
  bottom: 30px;
  right: 50px;
 }
--- a/examples/d3.js
+++ b/examples/d3.js
@@ -1,4 +1,5 @@
 // NOCOMPILE
+goog.require('ol');
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.extent');
--- a/examples/data/geojson/vienna-streets.geojson
+++ b/examples/data/geojson/vienna-streets.geojson
--- a/examples/device-orientation.html
+++ b/examples/device-orientation.html
@@ -4,15 +4,16 @@ title: Device Orientation
 shortdesc: Listen to DeviceOrientation events.
 docs: >
  This example shows how to track changes in device orientation.
-  [gyronorm.js](https://github.com/dorukeker/gyronorm.js) library is used to access and
-  normalize the events from the browser.
-tags: "device, orientation, gyronorm"
-resources:
-  - https://cdn.rawgit.com/dorukeker/gyronorm.js/v2.0.6/dist/gyronorm.complete.min.js
+tags: "orientation, openstreetmap"
 ---
 <div id="map" class="map"></div>
+<label>
+  track changes
+  <input id="track" type="checkbox"/>
+</label>
 <p>
-  <div>α : <code id="alpha"></code></div>
-  <div>β : <code id="beta"></code></div>
-  <div>γ : <code id="gamma"></code></div>
+  α : <code id="alpha"></code>&nbsp;&nbsp;
+  β : <code id="beta"></code>&nbsp;&nbsp;
+  γ : <code id="gamma"></code>&nbsp;&nbsp;
+  heading : <code id="heading"></code>
 </p>
--- a/examples/device-orientation.js
+++ b/examples/device-orientation.js
@@ -1,9 +1,8 @@
-// NOCOMPILE
+goog.require('ol.DeviceOrientation');
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.control');
 goog.require('ol.layer.Tile');
-goog.require('ol.math');
 goog.require('ol.proj');
 goog.require('ol.source.OSM');

@@ -29,28 +28,32 @@ var map = new ol.Map({
  view: view
 });

+var deviceOrientation = new ol.DeviceOrientation();
+
 function el(id) {
  return document.getElementById(id);
 }

-
-var gn = new GyroNorm();
-
-gn.init().then(function() {
-  gn.start(function(event) {
-    var center = view.getCenter();
-    var resolution = view.getResolution();
-    var alpha = ol.math.toRadians(event.do.beta);
-    var beta = ol.math.toRadians(event.do.beta);
-    var gamma = ol.math.toRadians(event.do.gamma);
-
-    el('alpha').innerText = alpha + ' [rad]';
-    el('beta').innerText = beta + ' [rad]';
-    el('gamma').innerText = gamma + ' [rad]';
-
-    center[0] -= resolution * gamma * 25;
-    center[1] += resolution * beta * 25;
-
-    view.setCenter(view.constrainCenter(center));
-  });
+el('track').addEventListener('change', function() {
+  deviceOrientation.setTracking(this.checked);
+});
+
+deviceOrientation.on('change', function() {
+  el('alpha').innerText = deviceOrientation.getAlpha() + ' [rad]';
+  el('beta').innerText = deviceOrientation.getBeta() + ' [rad]';
+  el('gamma').innerText = deviceOrientation.getGamma() + ' [rad]';
+  el('heading').innerText = deviceOrientation.getHeading() + ' [rad]';
+});
+
+// tilt the map
+deviceOrientation.on(['change:beta', 'change:gamma'], function(event) {
+  var center = view.getCenter();
+  var resolution = view.getResolution();
+  var beta = event.target.getBeta() || 0;
+  var gamma = event.target.getGamma() || 0;
+
+  center[0] -= resolution * gamma * 25;
+  center[1] += resolution * beta * 25;
+
+  view.setCenter(view.constrainCenter(center));
 });
--- a/examples/draw-and-modify-features.js
+++ b/examples/draw-and-modify-features.js
@@ -1,8 +1,9 @@
+goog.require('ol.Collection');
 goog.require('ol.Map');
 goog.require('ol.View');
+goog.require('ol.events.condition');
 goog.require('ol.interaction.Draw');
 goog.require('ol.interaction.Modify');
-goog.require('ol.interaction.Snap');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
 goog.require('ol.source.OSM');
@@ -16,9 +17,18 @@ var raster = new ol.layer.Tile({
  source: new ol.source.OSM()
 });

-var source = new ol.source.Vector();
-var vector = new ol.layer.Vector({
-  source: source,
+var map = new ol.Map({
+  layers: [raster],
+  target: 'map',
+  view: new ol.View({
+    center: [-11000000, 4600000],
+    zoom: 4
+  })
+});
+
+var features = new ol.Collection();
+var featureOverlay = new ol.layer.Vector({
+  source: new ol.source.Vector({features: features}),
  style: new ol.style.Style({
    fill: new ol.style.Fill({
      color: 'rgba(255, 255, 255, 0.2)'
@@ -35,40 +45,38 @@ var vector = new ol.layer.Vector({
    })
  })
 });
+featureOverlay.setMap(map);

-var map = new ol.Map({
-  layers: [raster, vector],
-  target: 'map',
-  view: new ol.View({
-    center: [-11000000, 4600000],
-    zoom: 4
-  })
+var modify = new ol.interaction.Modify({
+  features: features,
+  // the SHIFT key must be pressed to delete vertices, so
+  // that new vertices can be drawn at the same position
+  // of existing vertices
+  deleteCondition: function(event) {
+    return ol.events.condition.shiftKeyOnly(event) &&
+        ol.events.condition.singleClick(event);
+  }
 });
-
-var modify = new ol.interaction.Modify({source: source});
 map.addInteraction(modify);

-var draw, snap; // global so we can remove them later
+var draw; // global so we can remove it later
 var typeSelect = document.getElementById('type');

-function addInteractions() {
+function addInteraction() {
  draw = new ol.interaction.Draw({
-    source: source,
+    features: features,
    type: /** @type {ol.geom.GeometryType} */ (typeSelect.value)
  });
  map.addInteraction(draw);
-  snap = new ol.interaction.Snap({source: source});
-  map.addInteraction(snap);
-
 }

+
 /**
 * Handle change event.
 */
 typeSelect.onchange = function() {
  map.removeInteraction(draw);
-  map.removeInteraction(snap);
-  addInteractions();
+  addInteraction();
 };

-addInteractions();
+addInteraction();
--- a/examples/earthquake-clusters.js
+++ b/examples/earthquake-clusters.js
@@ -144,7 +144,7 @@ var map = new ol.Map({
  layers: [raster, vector],
  interactions: ol.interaction.defaults().extend([new ol.interaction.Select({
    condition: function(evt) {
-      return  evt.type == 'pointermove' ||
+      return evt.originalEvent.type == 'mousemove' ||
          evt.type == 'singleclick';
    },
    style: selectStyleFunction
--- a/examples/geojson-vt.js
+++ b/examples/geojson-vt.js
@@ -6,6 +6,7 @@ goog.require('ol.source.OSM');
 goog.require('ol.source.VectorTile');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.VectorTile');
+goog.require('ol.tilegrid');
 goog.require('ol.proj.Projection');


@@ -76,6 +77,8 @@ fetch(url).then(function(response) {
  });
  var vectorSource = new ol.source.VectorTile({
    format: new ol.format.GeoJSON(),
+    tileGrid: ol.tilegrid.createXYZ(),
+    tilePixelRatio: 16,
    tileLoadFunction: function(tile) {
      var format = tile.getFormat();
      var tileCoord = tile.getTileCoord();
--- a/examples/graticule.js
+++ b/examples/graticule.js
@@ -10,15 +10,12 @@ goog.require('ol.style.Stroke');
 var map = new ol.Map({
  layers: [
    new ol.layer.Tile({
-      source: new ol.source.OSM({
-        wrapX: false
-      })
+      source: new ol.source.OSM()
    })
  ],
  target: 'map',
  view: new ol.View({
    center: ol.proj.fromLonLat([4.8, 47.75]),
-    extent: ol.proj.get('EPSG:3857').getExtent(),
    zoom: 5
  })
 });
--- a/examples/icon-sprite-webgl.js
+++ b/examples/icon-sprite-webgl.js
@@ -80,7 +80,7 @@ var vector = new ol.layer.Vector({
 });

 var map = new ol.Map({
-  renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
+  renderer: /** @type {ol.renderer.Type} */ ('webgl'),
  layers: [vector],
  target: document.getElementById('map'),
  view: new ol.View({
--- a/examples/jsts.html
+++ b/examples/jsts.html
@@ -7,6 +7,6 @@ docs: >
  with OpenLayers.
 tags: "vector, jsts, buffer"
 resources:
-  - https://cdn.rawgit.com/bjornharrtell/jsts/gh-pages/1.4.0/jsts.min.js
+  - https://cdn.rawgit.com/bjornharrtell/jsts/gh-pages/1.2.0/jsts.min.js
 ---
 <div id="map" class="map"></div>
--- a/examples/layer-clipping-webgl.js
+++ b/examples/layer-clipping-webgl.js
@@ -19,7 +19,7 @@ if (!ol.has.WEBGL) {

  var map = new ol.Map({
    layers: [osm],
-    renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
+    renderer: /** @type {ol.renderer.Type} */ ('webgl'),
    target: 'map',
    controls: ol.control.defaults({
      attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
--- a/examples/mapbox-vector-tiles-advanced.js
+++ b/examples/mapbox-vector-tiles-advanced.js
@@ -1,3 +1,4 @@
+/* eslint-disable openlayers-internal/no-unused-requires */
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.format.MVT');
@@ -16,7 +17,7 @@ var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';

 // Calculation of resolutions that match zoom levels 1, 3, 5, 7, 9, 11, 13, 15.
 var resolutions = [];
-for (var i = 0; i <= 8; ++i) {
+for (var i = 0; i <= 7; ++i) {
  resolutions.push(156543.03392804097 / Math.pow(2, i * 2));
 }
 // Calculation of tile urls for zoom levels 1, 3, 5, 7, 9, 11, 13, 15.
@@ -43,9 +44,10 @@ var map = new ol.Map({
          resolutions: resolutions,
          tileSize: 512
        }),
+        tilePixelRatio: 8,
        tileUrlFunction: tileUrlFunction
      }),
-      style: createMapboxStreetsV6Style(ol.style.Style, ol.style.Fill, ol.style.Stroke, ol.style.Icon, ol.style.Text)
+      style: createMapboxStreetsV6Style()
    })
  ],
  target: 'map',
@@ -55,3 +57,6 @@ var map = new ol.Map({
    zoom: 2
  })
 });
+
+// ol.style.Fill, ol.style.Icon, ol.style.Stroke, ol.style.Style and
+// ol.style.Text are required for createMapboxStreetsV6Style()
--- a/examples/mapbox-vector-tiles.js
+++ b/examples/mapbox-vector-tiles.js
@@ -1,3 +1,5 @@
+/* eslint-disable openlayers-internal/no-unused-requires */
+
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.format.MVT');
@@ -8,6 +10,7 @@ goog.require('ol.style.Icon');
 goog.require('ol.style.Stroke');
 goog.require('ol.style.Style');
 goog.require('ol.style.Text');
+goog.require('ol.tilegrid');


 var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
@@ -20,10 +23,12 @@ var map = new ol.Map({
          '© <a href="https://www.openstreetmap.org/copyright">' +
          'OpenStreetMap contributors</a>',
        format: new ol.format.MVT(),
+        tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
+        tilePixelRatio: 16,
        url: 'https://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' +
            '{z}/{x}/{y}.vector.pbf?access_token=' + key
      }),
-      style: createMapboxStreetsV6Style(ol.style.Style, ol.style.Fill, ol.style.Stroke, ol.style.Icon, ol.style.Text)
+      style: createMapboxStreetsV6Style()
    })
  ],
  target: 'map',
@@ -32,3 +37,6 @@ var map = new ol.Map({
    zoom: 2
  })
 });
+
+// ol.style.Fill, ol.style.Icon, ol.style.Stroke, ol.style.Style and
+// ol.style.Text are required for createMapboxStreetsV6Style()
--- a/examples/measure.html
+++ b/examples/measure.html
@@ -1,24 +1,20 @@
 ---
 layout: example.html
 title: Measure
-shortdesc: Using a draw interaction to measure lengths and areas.
+shortdesc: Example of using the ol.interaction.Draw interaction to create a simple measuring application.
 docs: >
-  <p>The <code>ol.Sphere.getLength()</code> and <code>ol.Sphere.getArea()</code>
-  functions calculate spherical lengths and areas for geometries.  Lengths are
-  calculated by assuming great circle segments between geometry coordinates.
-  Areas are calculated as if edges of polygons were great circle segments.</p>
-  <p>Note that the <code>geometry.getLength()</code> and <code>geometry.getArea()</code>
-  methods return measures of projected (planar) geometries.  These can be very
-  different than on-the-ground measures in certain situations — in northern
-  and southern latitudes using Web Mercator for example.  For better results,
-  use the functions on <code>ol.Sphere</code>.</p>
+  <p><i>NOTE: By default, length and area are calculated using the projected coordinates. This is not accurate for projections like Mercator where the projected meters do not correspond to meters on the ground. To get a standarized measurement across all projections, use the geodesic measures.</i></p>
 tags: "draw, edit, measure, vector"
 ---
 <div id="map" class="map"></div>
 <form class="form-inline">
  <label>Measurement type &nbsp;</label>
-  <select id="type">
-    <option value="length">Length (LineString)</option>
-    <option value="area">Area (Polygon)</option>
-  </select>
+    <select id="type">
+      <option value="length">Length (LineString)</option>
+      <option value="area">Area (Polygon)</option>
+    </select>
+    <label class="checkbox">
+      <input type="checkbox" id="geodesic">
+      use geodesic measures
+    </label>
 </form>
--- a/examples/measure.js
+++ b/examples/measure.js
@@ -8,6 +8,7 @@ goog.require('ol.geom.Polygon');
 goog.require('ol.interaction.Draw');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
+goog.require('ol.proj');
 goog.require('ol.source.OSM');
 goog.require('ol.source.Vector');
 goog.require('ol.style.Circle');
@@ -16,6 +17,8 @@ goog.require('ol.style.Stroke');
 goog.require('ol.style.Style');


+var wgs84Sphere = new ol.Sphere(6378137);
+
 var raster = new ol.layer.Tile({
  source: new ol.source.OSM()
 });
@@ -134,6 +137,7 @@ map.getViewport().addEventListener('mouseout', function() {
 });

 var typeSelect = document.getElementById('type');
+var geodesicCheckbox = document.getElementById('geodesic');

 var draw; // global so we can remove it later

@@ -144,7 +148,19 @@ var draw; // global so we can remove it later
 * @return {string} The formatted length.
 */
 var formatLength = function(line) {
-  var length = ol.Sphere.getLength(line);
+  var length;
+  if (geodesicCheckbox.checked) {
+    var coordinates = line.getCoordinates();
+    length = 0;
+    var sourceProj = map.getView().getProjection();
+    for (var i = 0, ii = coordinates.length - 1; i < ii; ++i) {
+      var c1 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326');
+      var c2 = ol.proj.transform(coordinates[i + 1], sourceProj, 'EPSG:4326');
+      length += wgs84Sphere.haversineDistance(c1, c2);
+    }
+  } else {
+    length = Math.round(line.getLength() * 100) / 100;
+  }
  var output;
  if (length > 100) {
    output = (Math.round(length / 1000 * 100) / 100) +
@@ -163,7 +179,16 @@ var formatLength = function(line) {
 * @return {string} Formatted area.
 */
 var formatArea = function(polygon) {
-  var area = ol.Sphere.getArea(polygon);
+  var area;
+  if (geodesicCheckbox.checked) {
+    var sourceProj = map.getView().getProjection();
+    var geom = /** @type {ol.geom.Polygon} */(polygon.clone().transform(
+        sourceProj, 'EPSG:4326'));
+    var coordinates = geom.getLinearRing(0).getCoordinates();
+    area = Math.abs(wgs84Sphere.geodesicArea(coordinates));
+  } else {
+    area = polygon.getArea();
+  }
  var output;
  if (area > 10000) {
    output = (Math.round(area / 1000000 * 100) / 100) +
--- a/examples/modify-test.js
+++ b/examples/modify-test.js
@@ -225,7 +225,7 @@ var modify = new ol.interaction.Modify({
  style: overlayStyle,
  insertVertexCondition: function() {
    // prevent new vertices to be added to the polygons
-    return !select.getFeatures().getArray().every(function(feature) {
+    return !this.features_.getArray().every(function(feature) {
      return feature.getGeometry().getType().match(/Polygon/);
    });
  }
--- a/examples/osm-vector-tiles.js
+++ b/examples/osm-vector-tiles.js
@@ -7,6 +7,8 @@ goog.require('ol.source.VectorTile');
 goog.require('ol.style.Fill');
 goog.require('ol.style.Stroke');
 goog.require('ol.style.Style');
+goog.require('ol.tilegrid');
+

 var key = 'vector-tiles-5eJz6JX';

@@ -68,7 +70,7 @@ var map = new ol.Map({
          layerName: 'layer',
          layers: ['water', 'roads', 'buildings']
        }),
-        maxZoom: 19,
+        tileGrid: ol.tilegrid.createXYZ({maxZoom: 19}),
        url: 'https://tile.mapzen.com/mapzen/vector/v1/all/{z}/{x}/{y}.topojson?api_key=' + key
      }),
      style: function(feature, resolution) {
--- a/examples/reprojection-by-code.html
+++ b/examples/reprojection-by-code.html
@@ -8,7 +8,7 @@ docs: >
  in <a href="https://epsg.io/">EPSG.io</a> database.
 tags: "reprojection, projection, proj4js, epsg.io"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
 ---
 <div id="map" class="map"></div>
 <form class="form-inline">
--- a/examples/reprojection-image.html
+++ b/examples/reprojection-image.html
@@ -6,6 +6,6 @@ docs: >
  This example shows client-side reprojection of single image source.
 tags: "reprojection, projection, proj4js, image, imagestatic"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
 ---
 <div id="map" class="map"></div>
--- a/examples/reprojection.html
+++ b/examples/reprojection.html
@@ -6,7 +6,7 @@ docs: >
  This example shows client-side raster reprojection between various projections.
 tags: "reprojection, projection, proj4js, osm, wms, wmts, hidpi"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
 ---
 <div id="map" class="map"></div>
 <form class="form-inline">
--- a/examples/resources/mapbox-streets-v6-style.js
+++ b/examples/resources/mapbox-streets-v6-style.js
@@ -1,20 +1,20 @@
 // Styles for the mapbox-streets-v6 vector tile data set. Loosely based on
 // http://a.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6.json

-function createMapboxStreetsV6Style(Style, Fill, Stroke, Icon, Text) {
-  var fill = new Fill({color: ''});
-  var stroke = new Stroke({color: '', width: 1});
-  var polygon = new Style({fill: fill});
-  var strokedPolygon = new Style({fill: fill, stroke: stroke});
-  var line = new Style({stroke: stroke});
-  var text = new Style({text: new Text({
+function createMapboxStreetsV6Style() {
+  var fill = new ol.style.Fill({color: ''});
+  var stroke = new ol.style.Stroke({color: '', width: 1});
+  var polygon = new ol.style.Style({fill: fill});
+  var strokedPolygon = new ol.style.Style({fill: fill, stroke: stroke});
+  var line = new ol.style.Style({stroke: stroke});
+  var text = new ol.style.Style({text: new ol.style.Text({
    text: '', fill: fill, stroke: stroke
  })});
  var iconCache = {};
  function getIcon(iconName) {
    var icon = iconCache[iconName];
    if (!icon) {
-      icon = new Style({image: new Icon({
+      icon = new ol.style.Style({image: new ol.style.Icon({
        src: 'https://cdn.rawgit.com/mapbox/maki/master/icons/' + iconName + '-15.svg',
        imgSize: [15, 15]
      })});
--- a/examples/scaleline-indiana-east.html
+++ b/examples/scaleline-indiana-east.html
@@ -6,6 +6,6 @@ docs: >
  This example shows client-side reprojection of OpenStreetMap to NAD83 Indiana East, including a ScaleLine control with US units.
 tags: "reprojection, projection, openstreetmap, nad83, tile, scaleline"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
 ---
 <div id="map" class="map"></div>
--- a/examples/side-by-side.js
+++ b/examples/side-by-side.js
@@ -22,7 +22,7 @@ var map1 = new ol.Map({
 if (ol.has.WEBGL) {
  var map2 = new ol.Map({
    target: 'webglMap',
-    renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
+    renderer: /** @type {ol.renderer.Type} */ ('webgl'),
    layers: [layer],
    view: view
  });
--- a/examples/sphere-mollweide.html
+++ b/examples/sphere-mollweide.html
@@ -6,6 +6,6 @@ docs: >
  Example of a Sphere Mollweide map with a Graticule component.
 tags: "graticule, Mollweide, projection, proj4js"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
 ---
 <div id="map" class="map"></div>
--- a/examples/street-labels.html
+++ b/examples/street-labels.html
@@ -1,11 +0,0 @@
---
-layout: example.html
-title: Street Labels
-shortdesc: Render street names with a custom render.
-docs: >
-  Example showing the use of a text style with `placement: 'line'` to render text along a path.
-tags: "vector, label, streets"
-cloak:
-  As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5: Your Bing Maps Key from http://www.bingmapsportal.com/ here
---
-<div id="map" class="map"></div>
--- a/examples/street-labels.js
+++ b/examples/street-labels.js
@@ -1,47 +0,0 @@
-goog.require('ol.Map');
-goog.require('ol.View');
-goog.require('ol.extent');
-goog.require('ol.format.GeoJSON');
-goog.require('ol.layer.Tile');
-goog.require('ol.layer.Vector');
-goog.require('ol.source.BingMaps');
-goog.require('ol.source.Vector');
-goog.require('ol.style.Fill');
-goog.require('ol.style.Style');
-goog.require('ol.style.Text');
-
-var style = new ol.style.Style({
-  text: new ol.style.Text({
-    font: 'bold 11px "Open Sans", "Arial Unicode MS", "sans-serif"',
-    placement: 'line',
-    fill: new ol.style.Fill({
-      color: 'white'
-    })
-  })
-});
-
-var viewExtent = [1817379, 6139595, 1827851, 6143616];
-var map = new ol.Map({
-  layers: [new ol.layer.Tile({
-    source: new ol.source.BingMaps({
-      key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5',
-      imagerySet: 'Aerial'
-    })
-  }), new ol.layer.Vector({
-    source: new ol.source.Vector({
-      format: new ol.format.GeoJSON(),
-      url: 'data/geojson/vienna-streets.geojson'
-    }),
-    style: function(feature) {
-      style.getText().setText(feature.get('name'));
-      return style;
-    }
-  })],
-  target: 'map',
-  view: new ol.View({
-    extent: viewExtent,
-    center: ol.extent.getCenter(viewExtent),
-    zoom: 17,
-    minZoom: 14
-  })
-});
--- a/examples/symbol-atlas-webgl.js
+++ b/examples/symbol-atlas-webgl.js
@@ -107,7 +107,7 @@ var vector = new ol.layer.Vector({
 });

 var map = new ol.Map({
-  renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
+  renderer: /** @type {ol.renderer.Type} */ ('webgl'),
  layers: [vector],
  target: document.getElementById('map'),
  view: new ol.View({
--- a/examples/tile-transitions.html
+++ b/examples/tile-transitions.html
@@ -1,15 +0,0 @@
---
-layout: example.html
-title: Tile Transitions
-shortdesc: Custom configuration for opacity transitions on tiles.
-docs: >
-  By default tiles are rendered with an opacity transition - fading in over
-  250 ms.  To disable this behavior, set the <code>transition</code> option
-  of the tile source to 0.
-tags: "fade, transition"
---
-<div id="map" class="map"></div>
-<label>
-  render with an opacity transition
-  <input id="transition" type="checkbox" checked>
-</label>
--- a/examples/tile-transitions.js
+++ b/examples/tile-transitions.js
@@ -1,31 +0,0 @@
-goog.require('ol.Map');
-goog.require('ol.View');
-goog.require('ol.layer.Tile');
-goog.require('ol.source.XYZ');
-
-var url = 'https://{a-c}.tiles.mapbox.com/v3/mapbox.world-bright/{z}/{x}/{y}.png';
-
-var withTransition = new ol.layer.Tile({
-  source: new ol.source.XYZ({url: url})
-});
-
-var withoutTransition = new ol.layer.Tile({
-  source: new ol.source.XYZ({url: url, transition: 0}),
-  visible: false
-});
-
-var map = new ol.Map({
-  layers: [withTransition, withoutTransition],
-  target: 'map',
-  view: new ol.View({
-    center: [0, 0],
-    zoom: 2,
-    maxZoom: 11
-  })
-});
-
-document.getElementById('transition').addEventListener('change', function(event) {
-  var transition = event.target.checked;
-  withTransition.setVisible(transition);
-  withoutTransition.setVisible(!transition);
-});
--- a/examples/vector-label-decluttering.html
+++ b/examples/vector-label-decluttering.html
@@ -1,13 +0,0 @@
---
-layout: example.html
-title: Vector Label Decluttering
-shortdesc: Label decluttering with a custom renderer.
-resources:
-  - https://cdn.polyfill.io/v2/polyfill.min.js?features=Set"
-  - https://unpkg.com/rbush@2.0.1/rbush.min.js
-  - https://unpkg.com/labelgun@0.1.1/lib/labelgun.min.js
-docs: >
-  A custom `renderer` function is used instead of an `ol.style.Text` to label the countries of the world. Only texts that are not wider than their country's bounding box are considered and handed over to [Labelgun](https://github.com/Geovation/labelgun) for decluttering.
-tags: "vector, renderer, labelgun, label"
---
-<div id="map" class="map"></div>
--- a/examples/vector-label-decluttering.js
+++ b/examples/vector-label-decluttering.js
@@ -1,125 +0,0 @@
-// NOCOMPILE
-/* global labelgun */
-goog.require('ol.Map');
-goog.require('ol.View');
-goog.require('ol.extent');
-goog.require('ol.format.GeoJSON');
-goog.require('ol.layer.Vector');
-goog.require('ol.source.Vector');
-goog.require('ol.style.Fill');
-goog.require('ol.style.Stroke');
-goog.require('ol.style.Style');
-
-// Style for labels
-function setStyle(context) {
-  context.font = '12px Calibri,sans-serif';
-  context.fillStyle = '#000';
-  context.strokeStyle = '#fff';
-  context.lineWidth = 3;
-  context.textBaseline = 'hanging';
-  context.textAlign = 'start';
-}
-
-// A separate canvas context for measuring label width and height.
-var textMeasureContext = document.createElement('CANVAS').getContext('2d');
-setStyle(textMeasureContext);
-
-// The label height is approximated by the width of the text 'WI'.
-var height = textMeasureContext.measureText('WI').width;
-
-// A cache for reusing label images once they have been created.
-var textCache = {};
-
-var map = new ol.Map({
-  target: 'map',
-  view: new ol.View({
-    center: [0, 0],
-    zoom: 1
-  })
-});
-
-var emptyFn = function() {};
-var labelEngine = new labelgun['default'](emptyFn, emptyFn);
-
-function createLabel(canvas, text, coord) {
-  var halfWidth = canvas.width / 2;
-  var halfHeight = canvas.height / 2;
-  var bounds = {
-    bottomLeft: [Math.round(coord[0] - halfWidth), Math.round(coord[1] - halfHeight)],
-    topRight: [Math.round(coord[0] + halfWidth), Math.round(coord[1] + halfHeight)]
-  };
-  labelEngine.ingestLabel(bounds, coord.toString(), 1, canvas, text, false);
-}
-
-// For multi-polygons, we only label the widest polygon. This is done by sorting
-// by extent width in descending order, and take the first from the array.
-function sortByWidth(a, b) {
-  return ol.extent.getWidth(b.getExtent()) - ol.extent.getWidth(a.getExtent());
-}
-
-var labelStyle = new ol.style.Style({
-  renderer: function(coords, state) {
-    var text = state.feature.get('name');
-    createLabel(textCache[text], text, coords);
-  }
-});
-var countryStyle = new ol.style.Style({
-  fill: new ol.style.Fill({
-    color: 'rgba(255, 255, 255, 0.6)'
-  }),
-  stroke: new ol.style.Stroke({
-    color: '#319FD3',
-    width: 1
-  })
-});
-var styleWithLabel = [countryStyle, labelStyle];
-var styleWithoutLabel = [countryStyle];
-
-var pixelRatio; // This is set by the map's precompose listener
-var vectorLayer = new ol.layer.Vector({
-  source: new ol.source.Vector({
-    url: 'data/geojson/countries.geojson',
-    format: new ol.format.GeoJSON()
-  }),
-  style: function(feature, resolution) {
-    var text = feature.get('name');
-    var width = textMeasureContext.measureText(text).width;
-    var geometry = feature.getGeometry();
-    if (geometry.getType() == 'MultiPolygon') {
-      geometry = geometry.getPolygons().sort(sortByWidth)[0];
-    }
-    var extentWidth = ol.extent.getWidth(geometry.getExtent());
-    if (extentWidth / resolution > width) {
-      // Only consider label when it fits its geometry's extent
-      if (!(text in textCache)) {
-        // Draw the label to its own canvas and cache it.
-        var canvas = textCache[text] = document.createElement('CANVAS');
-        canvas.width = width * pixelRatio;
-        canvas.height = height * pixelRatio;
-        var context = canvas.getContext('2d');
-        context.scale(pixelRatio, pixelRatio);
-        setStyle(context);
-        context.strokeText(text, 0, 0);
-        context.fillText(text, 0, 0);
-      }
-      labelStyle.setGeometry(geometry.getInteriorPoint());
-      return styleWithLabel;
-    } else {
-      return styleWithoutLabel;
-    }
-  }
-});
-vectorLayer.on('precompose', function(e) {
-  pixelRatio = e.frameState.pixelRatio;
-  labelEngine.destroy();
-});
-vectorLayer.on('postcompose', function(e) {
-  var labels = labelEngine.getShown();
-  for (var i = 0, ii = labels.length; i < ii; ++i) {
-    var label = labels[i];
-    // Draw label to the map canvas
-    e.context.drawImage(label.labelObject, label.minX, label.minY);
-  }
-});
-
-map.addLayer(vectorLayer);
--- a/examples/vector-labels.html
+++ b/examples/vector-labels.html
@@ -80,25 +80,6 @@ tags: "geojson, vector, openstreetmap, label"
      <option value="normal" selected="selected">Normal</option>
    </select>
    <br />
-    <label>Placement: </label>
-    <select disabled id="points-placement">
-      <option value="line">Line</option>
-      <option value="point" selected="selected">Point</option>
-    </select>
-    <br />
-    <label>Max Angle: </label>
-    <select disabled id="points-maxangle">
-      <option value="0.7853981633974483" selected="selected">45°</option>
-      <option value="2.0943951023931953">120°</option>
-      <option value="6.283185307179586">360°</option>
-    </select>
-    <br />
-    <label>Exceed Len: </label>
-    <select disabled id="points-exceedlength">
-      <option value="true">True</option>
-      <option value="false" selected="selected">False</option>
-    </select>
-    <br />
    <label>Size: </label>
    <input type="text" value="12px" id="points-size" />
    <br />
@@ -150,8 +131,7 @@ tags: "geojson, vector, openstreetmap, label"
    <br />
    <label>Align: </label>
    <select id="lines-align">
-      <option value="" selected="selected"></option>
-      <option value="center">Center</option>
+      <option value="center" selected="selected">Center</option>
      <option value="end">End</option>
      <option value="left">Left</option>
      <option value="right">Right</option>
@@ -189,25 +169,6 @@ tags: "geojson, vector, openstreetmap, label"
      <option value="normal">Normal</option>
    </select>
    <br />
-    <label>Placement: </label>
-    <select id="lines-placement">
-      <option value="line">Line</option>
-      <option value="point" selected="selected">Point</option>
-    </select>
-    <br />
-    <label>Max Angle: </label>
-    <select id="lines-maxangle">
-      <option value="0.7853981633974483" selected="selected">45°</option>
-      <option value="2.0943951023931953">120°</option>
-      <option value="6.283185307179586">360°</option>
-    </select>
-    <br />
-    <label>Exceed Len: </label>
-    <select id="lines-exceedlength">
-      <option value="true">True</option>
-      <option value="false" selected="selected">False</option>
-    </select>
-    <br />
    <label>Size: </label>
    <input type="text" value="12px" id="lines-size" />
    <br />
@@ -259,8 +220,7 @@ tags: "geojson, vector, openstreetmap, label"
    <br />
    <label>Align: </label>
    <select id="polygons-align">
-      <option value="" selected="selected"></option>
-      <option value="center">Center</option>
+      <option value="center" selected="selected">Center</option>
      <option value="end">End</option>
      <option value="left">Left</option>
      <option value="right">Right</option>
@@ -298,25 +258,6 @@ tags: "geojson, vector, openstreetmap, label"
      <option value="normal">Normal</option>
    </select>
    <br />
-    <label>Placement: </label>
-    <select id="polygons-placement">
-      <option value="line">Line</option>
-      <option value="point" selected="selected">Point</option>
-    </select>
-    <br />
-    <label>Max Angle: </label>
-    <select id="polygons-maxangle">
-      <option value="0.7853981633974483" selected="selected">45°</option>
-      <option value="2.0943951023931953">120°</option>
-      <option value="6.283185307179586">360°</option>
-    </select>
-    <br />
-    <label>Exceed Len: </label>
-    <select id="polygons-exceedlength">
-      <option value="true">True</option>
-      <option value="false" selected="selected">False</option>
-    </select>
-    <br />
    <label>Size: </label>
    <input type="text" value="10px" id="polygons-size" />
    <br />
--- a/examples/vector-labels.js
+++ b/examples/vector-labels.js
@@ -35,9 +35,6 @@ var myDom = {
    rotation: document.getElementById('lines-rotation'),
    font: document.getElementById('lines-font'),
    weight: document.getElementById('lines-weight'),
-    placement: document.getElementById('lines-placement'),
-    maxangle: document.getElementById('lines-maxangle'),
-    exceedlength: document.getElementById('lines-exceedlength'),
    size: document.getElementById('lines-size'),
    offsetX: document.getElementById('lines-offset-x'),
    offsetY: document.getElementById('lines-offset-y'),
@@ -53,9 +50,6 @@ var myDom = {
    rotation: document.getElementById('polygons-rotation'),
    font: document.getElementById('polygons-font'),
    weight: document.getElementById('polygons-weight'),
-    placement: document.getElementById('polygons-placement'),
-    maxangle: document.getElementById('polygons-maxangle'),
-    exceedlength: document.getElementById('polygons-exceedlength'),
    size: document.getElementById('polygons-size'),
    offsetX: document.getElementById('polygons-offset-x'),
    offsetY: document.getElementById('polygons-offset-y'),
@@ -92,9 +86,6 @@ var createTextStyle = function(feature, resolution, dom) {
  var offsetX = parseInt(dom.offsetX.value, 10);
  var offsetY = parseInt(dom.offsetY.value, 10);
  var weight = dom.weight.value;
-  var placement = dom.placement ? dom.placement.value : undefined;
-  var maxAngle = dom.maxangle ? parseFloat(dom.maxangle.value) : undefined;
-  var exceedLength = dom.exceedlength ? (dom.exceedlength.value == 'true') : undefined;
  var rotation = parseFloat(dom.rotation.value);
  var font = weight + ' ' + size + ' ' + dom.font.value;
  var fillColor = dom.color.value;
@@ -102,7 +93,7 @@ var createTextStyle = function(feature, resolution, dom) {
  var outlineWidth = parseInt(dom.outlineWidth.value, 10);

  return new ol.style.Text({
-    textAlign: align == '' ? undefined : align,
+    textAlign: align,
    textBaseline: baseline,
    font: font,
    text: getText(feature, resolution, dom),
@@ -110,9 +101,6 @@ var createTextStyle = function(feature, resolution, dom) {
    stroke: new ol.style.Stroke({color: outlineColor, width: outlineWidth}),
    offsetX: offsetX,
    offsetY: offsetY,
-    placement: placement,
-    maxAngle: maxAngle,
-    exceedLength: exceedLength,
    rotation: rotation
  });
 };
--- a/examples/vector-layer.html
+++ b/examples/vector-layer.html
@@ -3,8 +3,8 @@ layout: example.html
 title: Vector Layer
 shortdesc: Example of a countries vector layer with country information.
 docs: >
-  The countries are loaded from a GeoJSON file. Information about countries is shown on hover and click.
-tags: "vector, geojson"
+  The countries are loaded from a GeoJSON file. Information about countries is shown on hover and click. Zoom in a few times to see country name labels.
+tags: "vector, osm, xml, loading, server"
 ---
 <div id="map" class="map"></div>
 <div id="info">&nbsp;</div>
--- a/examples/vector-layer.js
+++ b/examples/vector-layer.js
@@ -1,7 +1,9 @@
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.format.GeoJSON');
+goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
+goog.require('ol.source.OSM');
 goog.require('ol.source.Vector');
 goog.require('ol.style.Fill');
 goog.require('ol.style.Stroke');
@@ -34,14 +36,19 @@ var vectorLayer = new ol.layer.Vector({
    url: 'data/geojson/countries.geojson',
    format: new ol.format.GeoJSON()
  }),
-  style: function(feature) {
-    style.getText().setText(feature.get('name'));
+  style: function(feature, resolution) {
+    style.getText().setText(resolution < 5000 ? feature.get('name') : '');
    return style;
  }
 });

 var map = new ol.Map({
-  layers: [vectorLayer],
+  layers: [
+    new ol.layer.Tile({
+      source: new ol.source.OSM()
+    }),
+    vectorLayer
+  ],
  target: 'map',
  view: new ol.View({
    center: [0, 0],
@@ -49,32 +56,36 @@ var map = new ol.Map({
  })
 });

-var highlightStyle = new ol.style.Style({
-  stroke: new ol.style.Stroke({
-    color: '#f00',
-    width: 1
-  }),
-  fill: new ol.style.Fill({
-    color: 'rgba(255,0,0,0.1)'
-  }),
-  text: new ol.style.Text({
-    font: '12px Calibri,sans-serif',
-    fill: new ol.style.Fill({
-      color: '#000'
-    }),
-    stroke: new ol.style.Stroke({
-      color: '#f00',
-      width: 3
-    })
-  })
-});
+var highlightStyleCache = {};

 var featureOverlay = new ol.layer.Vector({
  source: new ol.source.Vector(),
  map: map,
-  style: function(feature) {
-    highlightStyle.getText().setText(feature.get('name'));
-    return highlightStyle;
+  style: function(feature, resolution) {
+    var text = resolution < 5000 ? feature.get('name') : '';
+    if (!highlightStyleCache[text]) {
+      highlightStyleCache[text] = new ol.style.Style({
+        stroke: new ol.style.Stroke({
+          color: '#f00',
+          width: 1
+        }),
+        fill: new ol.style.Fill({
+          color: 'rgba(255,0,0,0.1)'
+        }),
+        text: new ol.style.Text({
+          font: '12px Calibri,sans-serif',
+          text: text,
+          fill: new ol.style.Fill({
+            color: '#000'
+          }),
+          stroke: new ol.style.Stroke({
+            color: '#f00',
+            width: 3
+          })
+        })
+      });
+    }
+    return highlightStyleCache[text];
  }
 });

--- a/examples/wms-image-custom-proj.html
+++ b/examples/wms-image-custom-proj.html
@@ -6,7 +6,7 @@ docs: >
  With [Proj4js](http://proj4js.org/) integration, OpenLayers can transform coordinates between arbitrary projections.
 tags: "wms, single image, proj4js, projection"
 resources:
-  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
+  - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js
  - https://epsg.io/21781-1753.js
 ---
 <div id="map" class="map"></div>
--- a/examples/zoomify.html
+++ b/examples/zoomify.html
@@ -3,13 +3,7 @@ layout: example.html
 title: Zoomify
 shortdesc: Example of a Zoomify source.
 docs: >
-  Zoomify is a format for deep-zooming into high resolution images. This example shows how to use the Zoomify source with a pixel projection. Internet Imaging Protocol (IIP) with JTL extension is also handled.
-tags: "zoomify, deep zoom, IIP, pixel, projection"
+  Zoomify is a format for deep-zooming into high resolution images. This example shows how to use the Zoomify source with a pixel projection.
+tags: "zoomify, deep zoom, pixel, projection"
 ---
 <div id="map" class="map"></div>
-<div class="controls">
-  <select id="zoomifyProtocol">
-    <option value="zoomify">Zoomify</option>
-    <option value="iip">IIP</option>
-  </select>
-</div>
--- a/examples/zoomify.js
+++ b/examples/zoomify.js
@@ -6,47 +6,26 @@ goog.require('ol.source.Zoomify');
 var imgWidth = 9911;
 var imgHeight = 6100;

-var zoomifyUrl = 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?zoomify=' +
-    '/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF/';
-var iipUrl = 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?FIF=' + '/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF' +  '&JTL={z},{tileIndex}';
-
-var layer = new ol.layer.Tile({
-  source: new ol.source.Zoomify({
-    url: zoomifyUrl,
-    size: [imgWidth, imgHeight],
-    crossOrigin: 'anonymous'
-  })
+var source = new ol.source.Zoomify({
+  url: 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?zoomify=' +
+      '/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF/',
+  size: [imgWidth, imgHeight],
+  crossOrigin: 'anonymous'
 });
-
 var extent = [0, -imgHeight, imgWidth, 0];

 var map = new ol.Map({
-  layers: [layer],
+  layers: [
+    new ol.layer.Tile({
+      source: source
+    })
+  ],
  target: 'map',
  view: new ol.View({
    // adjust zoom levels to those provided by the source
-    resolutions: layer.getSource().getTileGrid().getResolutions(),
+    resolutions: source.getTileGrid().getResolutions(),
    // constrain the center: center cannot be set outside this extent
    extent: extent
  })
 });
 map.getView().fit(extent);
-
-var control = document.getElementById('zoomifyProtocol');
-control.addEventListener('change', function(event) {
-  var value = event.currentTarget.value;
-  if (value === 'iip') {
-    layer.setSource(new ol.source.Zoomify({
-      url: iipUrl,
-      size: [imgWidth, imgHeight],
-      crossOrigin: 'anonymous'
-    }));
-  } else if (value === 'zoomify') {
-    layer.setSource(new ol.source.Zoomify({
-      url: zoomifyUrl,
-      size: [imgWidth, imgHeight],
-      crossOrigin: 'anonymous'
-    }));
-  }
-
-});
--- a/examples/zoomslider.js
+++ b/examples/zoomslider.js
@@ -9,7 +9,7 @@ goog.require('ol.source.OSM');
 * Helper method for map-creation.
 *
 * @param {string} divId The id of the div for the map.
- * @return {ol.PluggableMap} The ol.Map instance.
+ * @return {ol.Map} The ol.Map instance.
 */
 var createMap = function(divId) {
  var source, layer, map, zoomslider;
--- a/externs/example.js
+++ b/externs/example.js
@@ -13,12 +13,7 @@ common.getRendererFromQueryString = function(opt_default) {};


 /**
- * @param {function(new:ol.style.Style, olx.style.StyleOptions=)} Style Style constructor.
- * @param {function(new:ol.style.Fill, olx.style.FillOptions=)} Fill Fill constructor.
- * @param {function(new:ol.style.Stroke, olx.style.StrokeOptions=)} Stroke Stroke constructor.
- * @param {function(new:ol.style.Icon, olx.style.IconOptions=)} Icon Icon constructor.
- * @param {function(new:ol.style.Text, olx.style.TextOptions=)} Text Text constructor.
 * @return {function((ol.Feature|ol.render.Feature), number):
 *     Array.<ol.style.Style>}
 */
-var createMapboxStreetsV6Style = function(Style, Fill, Stroke, Icon, Text) {};
+var createMapboxStreetsV6Style = function() {};
--- a/externs/oli.js
+++ b/externs/oli.js
@@ -91,17 +91,6 @@ oli.DrawEvent = function() {};
 oli.DrawEvent.prototype.feature;


-/**
- * @interface
- */
-oli.ExtentEvent = function() {};
-
-
-/**
- * @type {ol.Extent}
- */
-oli.ExtentEvent.prototype.extent;
-
 /**
 * @interface
 */
@@ -181,7 +170,7 @@ oli.MapEvent = function() {};


 /**
- * @type {ol.PluggableMap}
+ * @type {ol.Map}
 */
 oli.MapEvent.prototype.map;

@@ -229,7 +218,7 @@ oli.control.Control = function() {};


 /**
- * @param {ol.PluggableMap} map Map.
+ * @param {ol.Map} map Map.
 * @return {undefined} Undefined.
 */
 oli.control.Control.prototype.setMap = function(map) {};
--- a/externs/olx.js
+++ b/externs/olx.js
@@ -109,7 +109,7 @@ olx.LogoOptions.prototype.src;


 /**
- * @typedef {{map: (ol.PluggableMap|undefined),
+ * @typedef {{map: (ol.Map|undefined),
 *     maxLines: (number|undefined),
 *     strokeStyle: (ol.style.Stroke|undefined),
 *     targetSize: (number|undefined),
@@ -126,7 +126,7 @@ olx.GraticuleOptions;

 /**
 * Reference to an `ol.Map` object.
- * @type {ol.PluggableMap|undefined}
+ * @type {ol.Map|undefined}
 * @api
 */
 olx.GraticuleOptions.prototype.map;
@@ -436,50 +436,6 @@ olx.MapOptions.prototype.target;
 olx.MapOptions.prototype.view;


-/**
- * Object literal with options for the {@link ol.Sphere.getLength} or
- * {@link ol.Sphere.getArea} functions.
- * @typedef {{projection: (ol.ProjectionLike|undefined),
- *    radius: (number|undefined)}}
- */
-olx.SphereMetricOptions;
-
-
-/**
- * Projection of the geometry.  By default, the geometry is assumed to be in
- * EPSG:3857 (Web Mercator).
- * @type {(ol.ProjectionLike|undefined)}
- * @api
- */
-olx.SphereMetricOptions.prototype.projection;
-
-
-/**
- * Sphere radius.  By default, the radius of the earth is used (Clarke 1866
- * Authalic Sphere).
- * @type {(number|undefined)}
- * @api
- */
-olx.SphereMetricOptions.prototype.radius;
-
-
-/**
- * Options for tile constructors.
- * @typedef {{transition: (number|undefined)}}
- */
-olx.TileOptions;
-
-
-/**
- * A duration for tile opacity transitions.  By default, tiles will render with
- * an opacity transition that lasts 250 ms.  To change the duration, pass a
- * number in milliseconds.  A duration of 0 disables the opacity transition.
- * @type {number|undefined}
- * @api
- */
-olx.TileOptions.prototype.transition;
-
-
 /**
 * Object literal with options for the {@link ol.Map#forEachFeatureAtPixel} and
 * {@link ol.Map#hasFeatureAtPixel} methods.
@@ -1887,7 +1843,6 @@ olx.format;

 /**
 * @typedef {{dataProjection: ol.ProjectionLike,
- *     extent: (ol.Extent|undefined),
 *     featureProjection: ol.ProjectionLike,
 *     rightHanded: (boolean|undefined)}}
 */
@@ -1906,15 +1861,6 @@ olx.format.ReadOptions;
 olx.format.ReadOptions.prototype.dataProjection;


-/**
- * Tile extent of the tile being read. This is only used and required for
- * {@link ol.format.MVT}.
- * @type {ol.Extent}
- * @api
- */
-olx.format.ReadOptions.prototype.extent;
-
-
 /**
 * Projection of the feature geometries created by the format reader. If not
 * provided, features will be returned in the `dataProjection`.
@@ -2764,7 +2710,6 @@ olx.interaction.DoubleClickZoomOptions.prototype.delta;

 /**
 * @typedef {{formatConstructors: (Array.<function(new: ol.format.Feature)>|undefined),
- *     source: (ol.source.Vector|undefined),
 *     projection: ol.ProjectionLike,
 *     target: (Element|undefined)}}
 */
@@ -2779,18 +2724,6 @@ olx.interaction.DragAndDropOptions;
 olx.interaction.DragAndDropOptions.prototype.formatConstructors;


-/**
- * Optional vector source where features will be added.  If a source is provided
- * all existing features will be removed and new features will be added when
- * they are dropped on the target.  If you want to add features to a vector
- * source without removing the existing features (append only), instead of
- * providing the source option listen for the "addfeatures" event.
- * @type {ol.source.Vector|undefined}
- * @api
- */
-olx.interaction.DragAndDropOptions.prototype.source;
-
-
 /**
 * Target projection. By default, the map's view's projection is used.
 * @type {ol.ProjectionLike}
@@ -3286,8 +3219,7 @@ olx.interaction.KeyboardZoomOptions.prototype.delta;
 *     insertVertexCondition: (ol.EventsConditionType|undefined),
 *     pixelTolerance: (number|undefined),
 *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
- *     source: (ol.source.Vector|undefined),
- *     features: (ol.Collection.<ol.Feature>|undefined),
+ *     features: ol.Collection.<ol.Feature>,
 *     wrapX: (boolean|undefined)
 * }}
 */
@@ -3309,7 +3241,7 @@ olx.interaction.ModifyOptions.prototype.condition;
 * A function that takes an {@link ol.MapBrowserEvent} and returns a boolean
 * to indicate whether that event should be handled.
 * By default, {@link ol.events.condition.singleClick} with
- * {@link ol.events.condition.altKeyOnly} results in a vertex deletion.
+ * {@link ol.events.condition.noModifierKeys} results in a vertex deletion.
 * @type {ol.EventsConditionType|undefined}
 * @api
 */
@@ -3345,18 +3277,8 @@ olx.interaction.ModifyOptions.prototype.style;


 /**
- * The vector source with features to modify.  If a vector source is not
- * provided, a feature collection must be provided with the features option.
- * @type {ol.source.Vector|undefined}
- * @api
- */
-olx.interaction.ModifyOptions.prototype.source;
-
-
-/**
- * The features the interaction works on.  If a feature collection is not
- * provided, a vector source must be provided with the source option.
- * @type {ol.Collection.<ol.Feature>|undefined}
+ * The features the interaction works on.
+ * @type {ol.Collection.<ol.Feature>}
 * @api
 */
 olx.interaction.ModifyOptions.prototype.features;
@@ -3929,8 +3851,7 @@ olx.layer.GroupOptions.prototype.layers;
 *     maxResolution: (number|undefined),
 *     opacity: (number|undefined),
 *     source: (ol.source.Vector|undefined),
- *     visible: (boolean|undefined),
- *     zIndex: (number|undefined)}}
+ *     visible: (boolean|undefined)}}
 */
 olx.layer.HeatmapOptions;

@@ -4027,24 +3948,14 @@ olx.layer.HeatmapOptions.prototype.source;
 olx.layer.HeatmapOptions.prototype.visible;


-/**
- * The z-index for layer rendering.  At rendering time, the layers will be
- * ordered, first by Z-index and then by position. The default Z-index is 0.
- * @type {number|undefined}
- * @api
- */
-olx.layer.HeatmapOptions.prototype.zIndex;
-
-
 /**
 * @typedef {{opacity: (number|undefined),
- *     map: (ol.PluggableMap|undefined),
+ *     map: (ol.Map|undefined),
 *     source: (ol.source.Image|undefined),
 *     visible: (boolean|undefined),
 *     extent: (ol.Extent|undefined),
 *     minResolution: (number|undefined),
- *     maxResolution: (number|undefined),
- *     zIndex: (number|undefined)}}
+ *     maxResolution: (number|undefined)}}
 */
 olx.layer.ImageOptions;

@@ -4070,7 +3981,7 @@ olx.layer.ImageOptions.prototype.source;
 * layers collection, and the layer will be rendered on top. This is useful for
 * temporary layers. The standard way to add a layer to a map and have it
 * managed by the map is to use {@link ol.Map#addLayer}.
- * @type {ol.PluggableMap|undefined}
+ * @type {ol.Map|undefined}
 * @api
 */
 olx.layer.ImageOptions.prototype.map;
@@ -4109,26 +4020,16 @@ olx.layer.ImageOptions.prototype.minResolution;
 olx.layer.ImageOptions.prototype.maxResolution;


-/**
- * The z-index for layer rendering.  At rendering time, the layers will be
- * ordered, first by Z-index and then by position. The default Z-index is 0.
- * @type {number|undefined}
- * @api
- */
-olx.layer.ImageOptions.prototype.zIndex;
-
-
 /**
 * @typedef {{opacity: (number|undefined),
 *     preload: (number|undefined),
 *     source: (ol.source.Tile|undefined),
- *     map: (ol.PluggableMap|undefined),
+ *     map: (ol.Map|undefined),
 *     visible: (boolean|undefined),
 *     extent: (ol.Extent|undefined),
 *     minResolution: (number|undefined),
 *     maxResolution: (number|undefined),
- *     useInterimTilesOnError: (boolean|undefined),
- *     zIndex: (number|undefined)}}
+ *     useInterimTilesOnError: (boolean|undefined)}}
 */
 olx.layer.TileOptions;

@@ -4163,7 +4064,7 @@ olx.layer.TileOptions.prototype.source;
 * layers collection, and the layer will be rendered on top. This is useful for
 * temporary layers. The standard way to add a layer to a map and have it
 * managed by the map is to use {@link ol.Map#addLayer}.
- * @type {ol.PluggableMap|undefined}
+ * @type {ol.Map|undefined}
 * @api
 */
 olx.layer.TileOptions.prototype.map;
@@ -4210,15 +4111,6 @@ olx.layer.TileOptions.prototype.maxResolution;
 olx.layer.TileOptions.prototype.useInterimTilesOnError;


-/**
- * The z-index for layer rendering.  At rendering time, the layers will be
- * ordered, first by Z-index and then by position. The default Z-index is 0.
- * @type {number|undefined}
- * @api
- */
-olx.layer.TileOptions.prototype.zIndex;
-
-
 /**
 * @typedef {{renderOrder: (ol.RenderOrderFunction|null|undefined),
 *     minResolution: (number|undefined),
@@ -4226,12 +4118,11 @@ olx.layer.TileOptions.prototype.zIndex;
 *     opacity: (number|undefined),
 *     renderBuffer: (number|undefined),
 *     source: (ol.source.Vector|undefined),
- *     map: (ol.PluggableMap|undefined),
+ *     map: (ol.Map|undefined),
 *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
 *     updateWhileAnimating: (boolean|undefined),
 *     updateWhileInteracting: (boolean|undefined),
- *     visible: (boolean|undefined),
- *     zIndex: (number|undefined)}}
+ *     visible: (boolean|undefined)}}
 */
 olx.layer.VectorOptions;

@@ -4251,7 +4142,7 @@ olx.layer.VectorOptions.prototype.renderOrder;
 * layers collection, and the layer will be rendered on top. This is useful for
 * temporary layers. The standard way to add a layer to a map and have it
 * managed by the map is to use {@link ol.Map#addLayer}.
- * @type {ol.PluggableMap|undefined}
+ * @type {ol.Map|undefined}
 * @api
 */
 olx.layer.VectorOptions.prototype.map;
@@ -4346,18 +4237,9 @@ olx.layer.VectorOptions.prototype.updateWhileInteracting;
 olx.layer.VectorOptions.prototype.visible;


-/**
- * The z-index for layer rendering.  At rendering time, the layers will be
- * ordered, first by Z-index and then by position. The default Z-index is 0.
- * @type {number|undefined}
- * @api
- */
-olx.layer.VectorOptions.prototype.zIndex;
-
-
 /**
 * @typedef {{extent: (ol.Extent|undefined),
- *     map: (ol.PluggableMap|undefined),
+ *     map: (ol.Map|undefined),
 *     minResolution: (number|undefined),
 *     maxResolution: (number|undefined),
 *     opacity: (number|undefined),
@@ -4369,8 +4251,7 @@ olx.layer.VectorOptions.prototype.zIndex;
 *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
 *     updateWhileAnimating: (boolean|undefined),
 *     updateWhileInteracting: (boolean|undefined),
- *     visible: (boolean|undefined),
- *     zIndex: (number|undefined)}}
+ *     visible: (boolean|undefined)}}
 */
 olx.layer.VectorTileOptions;

@@ -4419,7 +4300,7 @@ olx.layer.VectorTileOptions.prototype.renderOrder;
 * layers collection, and the layer will be rendered on top. This is useful for
 * temporary layers. The standard way to add a layer to a map and have it
 * managed by the map is to use {@link ol.Map#addLayer}.
- * @type {ol.PluggableMap|undefined}
+ * @type {ol.Map|undefined}
 * @api
 */
 olx.layer.VectorTileOptions.prototype.map;
@@ -4512,15 +4393,6 @@ olx.layer.VectorTileOptions.prototype.updateWhileInteracting;
 olx.layer.VectorTileOptions.prototype.visible;


-/**
- * The z-index for layer rendering.  At rendering time, the layers will be
- * ordered, first by Z-index and then by position. The default Z-index is 0.
- * @type {number|undefined}
- * @api
- */
-olx.layer.VectorOptions.prototype.zIndex;
-
-
 /**
 * Namespace.
 * @type {Object}
@@ -4528,50 +4400,6 @@ olx.layer.VectorOptions.prototype.zIndex;
 olx.render;


-/**
- * @typedef {{context: CanvasRenderingContext2D,
- *     feature: (ol.Feature|ol.render.Feature),
- *     geometry: ol.geom.SimpleGeometry,
- *     pixelRatio: number,
- *     resolution: number,
- *     rotation: number}}
- */
-olx.render.State;
-
-
-/**
- * Canvas context that the layer is being rendered to.
- * @type {CanvasRenderingContext2D}
- * @api
- */
-olx.render.State.prototype.context;
-
-
-/**
- * Pixel ratio used by the layer renderer.
- * @type {number}
- * @api
- */
-olx.render.State.prototype.pixelRatio;
-
-
-/**
- * Resolution that the render batch was created and optimized for. This is
- * not the view's resolution that is being rendered.
- * @type {number}
- * @api
- */
-olx.render.State.prototype.resolution;
-
-
-/**
- * Rotation of the rendered layer in radians.
- * @type {number}
- * @api
- */
-olx.render.State.prototype.rotation;
-
-
 /**
 * @typedef {{size: (ol.Size|undefined),
 *     pixelRatio: (number|undefined)}}
@@ -4614,8 +4442,7 @@ olx.source;
 *     maxZoom: (number|undefined),
 *     reprojectionErrorThreshold: (number|undefined),
 *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.BingMapsOptions;

@@ -4699,15 +4526,6 @@ olx.source.BingMapsOptions.prototype.tileLoadFunction;
 olx.source.BingMapsOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.BingMapsOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *     distance: (number|undefined),
@@ -4872,8 +4690,7 @@ olx.source.TileUTFGridOptions.prototype.url;
 *            tileUrlFunction: (ol.TileUrlFunctionType|undefined),
 *            url: (string|undefined),
 *            urls: (Array.<string>|undefined),
- *            wrapX: (boolean|undefined),
- *            transition: (number|undefined)}}
+ *            wrapX: (boolean|undefined)}}
 */
 olx.source.TileImageOptions;

@@ -5026,15 +4843,6 @@ olx.source.TileImageOptions.prototype.urls;
 olx.source.TileImageOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.TileImageOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *            cacheSize: (number|undefined),
@@ -5048,11 +4856,11 @@ olx.source.TileImageOptions.prototype.transition;
 *                 ol.TileLoadFunctionType)|undefined),
 *            tileGrid: (ol.tilegrid.TileGrid|undefined),
 *            tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+ *            tilePixelRatio: (number|undefined),
 *            tileUrlFunction: (ol.TileUrlFunctionType|undefined),
 *            url: (string|undefined),
 *            urls: (Array.<string>|undefined),
- *            wrapX: (boolean|undefined),
- *            transition: (number|undefined)}}
+ *            wrapX: (boolean|undefined)}}
 */
 olx.source.VectorTileOptions;

@@ -5142,11 +4950,8 @@ olx.source.VectorTileOptions.prototype.tileGrid;
 *   tile.setLoader(function() {
 *     var data = // ... fetch data
 *     var format = tile.getFormat();
- *     tile.setFeatures(format.readFeatures(data, {
- *       // uncomment the line below for ol.format.MVT only
- *       extent: tile.getExtent(),
- *       featureProjection: map.getView().getProjection()
- *     }));
+ *     tile.setFeatures(format.readFeatures(data));
+ *     tile.setProjection(format.readProjection(data));
 *   };
 * });
 * ```
@@ -5156,6 +4961,17 @@ olx.source.VectorTileOptions.prototype.tileGrid;
 olx.source.VectorTileOptions.prototype.tileLoadFunction;


+/**
+ * The pixel ratio used by the tile service. For example, if the tile
+ * service advertizes 256px by 256px tiles but actually sends 512px
+ * by 512px tiles (for retina/hidpi devices) then `tilePixelRatio`
+ * should be set to `2`. Default is `1`.
+ * @type {number|undefined}
+ * @api
+ */
+olx.source.VectorTileOptions.prototype.tilePixelRatio;
+
+
 /**
 * Optional function to get tile URL given a tile coordinate and the projection.
 * @type {ol.TileUrlFunctionType|undefined}
@@ -5192,15 +5008,6 @@ olx.source.VectorTileOptions.prototype.urls;
 olx.source.VectorTileOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.VectorTileOptions.prototype.transition;
-
-
 /**
 * @typedef {{url: (string|undefined),
 *     displayDpi: (number|undefined),
@@ -6117,8 +5924,7 @@ olx.source.ImageStaticOptions.prototype.url;
 *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
 *     url: (string|undefined),
 *     urls: (Array.<string>|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.TileArcGISRestOptions;

@@ -6232,15 +6038,6 @@ olx.source.TileArcGISRestOptions.prototype.url;
 olx.source.TileArcGISRestOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.TileArcGISRestOptions.prototype.transition;
-
-
 /**
 * ArcGIS Rest service urls. Use this instead of `url` when the ArcGIS Service supports multiple
 * urls for export requests.
@@ -6259,8 +6056,7 @@ olx.source.TileArcGISRestOptions.prototype.urls;
 *     tileJSON: (TileJSON|undefined),
 *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
 *     url: (string|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.TileJSONOptions;

@@ -6351,15 +6147,6 @@ olx.source.TileJSONOptions.prototype.url;
 olx.source.TileJSONOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.TileJSONOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *     cacheSize: (number|undefined),
@@ -6368,9 +6155,6 @@ olx.source.TileJSONOptions.prototype.transition;
 *     gutter: (number|undefined),
 *     hidpi: (boolean|undefined),
 *     logo: (string|olx.LogoOptions|undefined),
- *     tileClass: (function(new: ol.ImageTile, ol.TileCoord,
- *                          ol.TileState, string, ?string,
- *                          ol.TileLoadFunctionType)|undefined),
 *     tileGrid: (ol.tilegrid.TileGrid|undefined),
 *     projection: ol.ProjectionLike,
 *     reprojectionErrorThreshold: (number|undefined),
@@ -6378,8 +6162,7 @@ olx.source.TileJSONOptions.prototype.transition;
 *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
 *     url: (string|undefined),
 *     urls: (Array.<string>|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.TileWMSOptions;

@@ -6454,16 +6237,6 @@ olx.source.TileWMSOptions.prototype.hidpi;
 olx.source.TileWMSOptions.prototype.logo;


-/**
- * Class used to instantiate image tiles. Default is {@link ol.ImageTile}.
- * @type {function(new: ol.ImageTile, ol.TileCoord,
- *                 ol.TileState, string, ?string,
- *                 ol.TileLoadFunctionType)|undefined}
- * @api
- */
-olx.source.TileWMSOptions.prototype.tileClass;
-
-
 /**
 * Tile grid. Base this on the resolutions, tilesize and extent supported by the
 * server.
@@ -6543,15 +6316,6 @@ olx.source.TileWMSOptions.prototype.urls;
 olx.source.TileWMSOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.TileWMSOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *     features: (Array.<ol.Feature>|ol.Collection.<ol.Feature>|undefined),
@@ -6707,8 +6471,7 @@ olx.source.VectorOptions.prototype.wrapX;
 *     tileClass: (function(new: ol.ImageTile, ol.TileCoord,
 *                          ol.TileState, string, ?string,
 *                          ol.TileLoadFunctionType)|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.WMTSOptions;

@@ -6892,15 +6655,6 @@ olx.source.WMTSOptions.prototype.urls;
 olx.source.WMTSOptions.prototype.wrapX;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.WMTSOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *     cacheSize: (number|undefined),
@@ -6918,8 +6672,7 @@ olx.source.WMTSOptions.prototype.transition;
 *     tileUrlFunction: (ol.TileUrlFunctionType|undefined),
 *     url: (string|undefined),
 *     urls: (Array.<string>|undefined),
- *     wrapX: (boolean|undefined),
- *     transition: (number|undefined)}}
+ *     wrapX: (boolean|undefined)}}
 */
 olx.source.XYZOptions;

@@ -7075,16 +6828,6 @@ olx.source.XYZOptions.prototype.urls;
 */
 olx.source.XYZOptions.prototype.wrapX;

-
-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.XYZOptions.prototype.transition;
-
-
 /**
 * @typedef {{attributions: (ol.AttributionLike|undefined),
 *     cacheSize: (number|undefined),
@@ -7209,8 +6952,7 @@ olx.source.CartoDBOptions.prototype.account;
 *     reprojectionErrorThreshold: (number|undefined),
 *     url: !string,
 *     tierSizeCalculation: (string|undefined),
- *     size: ol.Size,
- *     transition: (number|undefined)}}
+ *     size: ol.Size}}
 */
 olx.source.ZoomifyOptions;

@@ -7274,9 +7016,6 @@ olx.source.ZoomifyOptions.prototype.reprojectionErrorThreshold;
 * `http://my.zoomify.info/IMAGE.TIF/`. A URL template must include
 * `{TileGroup}`, `{x}`, `{y}`, and `{z}` placeholders, e.g.
 * `http://my.zoomify.info/IMAGE.TIF/{TileGroup}/{z}-{x}-{y}.jpg`.
- * Internet Imaging Protocol (IIP) with JTL extension can be also used with
- * `{tileIndex}` and `{z}` placeholders, e.g.
- * `http://my.zoomify.info?FIF=IMAGE.TIF&JTL={z},{tileIndex}`.
 * A `{?-?}` template pattern, for example `subdomain{a-f}.domain.com`, may be
 * used instead of defining each one separately in the `urls` option.
 * @type {!string}
@@ -7301,15 +7040,6 @@ olx.source.ZoomifyOptions.prototype.tierSizeCalculation;
 olx.source.ZoomifyOptions.prototype.size;


-/**
- * Duration of the opacity transition for rendering.  To disable the opacity
- * transition, pass `transition: 0`.
- * @type {number|undefined}
- * @api
- */
-olx.source.ZoomifyOptions.prototype.transition;
-
-
 /**
 * Namespace.
 * @type {Object}
@@ -7766,11 +7496,8 @@ olx.style.StrokeOptions.prototype.width;

 /**
 * @typedef {{font: (string|undefined),
- *     exceedLength: (boolean|undefined),
- *     maxAngle: (number|undefined),
 *     offsetX: (number|undefined),
 *     offsetY: (number|undefined),
- *     placement: (ol.style.TextPlacement|string|undefined),
 *     scale: (number|undefined),
 *     rotateWithView: (boolean|undefined),
 *     rotation: (number|undefined),
@@ -7783,16 +7510,6 @@ olx.style.StrokeOptions.prototype.width;
 olx.style.TextOptions;


-/**
- * For polygon labels or when `placement` is set to `'line'`, allow text to
- * exceed the width of the polygon at the the label position or the length of
- * the path that it follows. Default is `false`.
- * @type {boolean|undefined}
- * @api
- */
-olx.style.TextOptions.prototype.exceedLength;
-
-
 /**
 * Font style as CSS 'font' value, see:
 * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font}.
@@ -7803,16 +7520,6 @@ olx.style.TextOptions.prototype.exceedLength;
 olx.style.TextOptions.prototype.font;


-/**
- * When `placement` is set to `'line'`, allow a maximum angle between adjacent
- * characters. The expected value is in radians, and the default is 45°
- * (`Math.PI / 4`).
- * @type {number|undefined}
- * @api
- */
-olx.style.TextOptions.prototype.maxAngle;
-
-
 /**
 * Horizontal text offset in pixels. A positive will shift the text right.
 * Default is `0`.
@@ -7831,14 +7538,6 @@ olx.style.TextOptions.prototype.offsetX;
 olx.style.TextOptions.prototype.offsetY;


-/**
- * Text placement.
- * @type {ol.style.TextPlacement|undefined}
- * @api
- */
-olx.style.TextOptions.prototype.placement;
-
-
 /**
 * Scale.
 * @type {number|undefined}
@@ -7873,9 +7572,7 @@ olx.style.TextOptions.prototype.text;

 /**
 * Text alignment. Possible values: 'left', 'right', 'center', 'end' or 'start'.
- * Default is 'center' for `placement: 'point'`. For `placement: 'line'`, the
- * default is to let the renderer choose a placement where `maxAngle` is not
- * exceeded.
+ * Default is 'start'.
 * @type {string|undefined}
 * @api
 */
@@ -7884,7 +7581,7 @@ olx.style.TextOptions.prototype.textAlign;

 /**
 * Text base line. Possible values: 'bottom', 'top', 'middle', 'alphabetic',
- * 'hanging', 'ideographic'. Default is 'middle'.
+ * 'hanging', 'ideographic'. Default is 'alphabetic'.
 * @type {string|undefined}
 * @api
 */
@@ -7911,7 +7608,6 @@ olx.style.TextOptions.prototype.stroke;
 * @typedef {{geometry: (undefined|string|ol.geom.Geometry|ol.StyleGeometryFunction),
 *     fill: (ol.style.Fill|undefined),
 *     image: (ol.style.Image|undefined),
- *     renderer: (ol.StyleRenderFunction|undefined),
 *     stroke: (ol.style.Stroke|undefined),
 *     text: (ol.style.Text|undefined),
 *     zIndex: (number|undefined)}}
@@ -7944,16 +7640,6 @@ olx.style.StyleOptions.prototype.fill;
 olx.style.StyleOptions.prototype.image;


-/**
- * Custom renderer. When configured, `fill`, `stroke` and `image` will be
- * ignored, and the provided function will be called with each render frame for
- * each geometry.
- *
- * @type {ol.StyleRenderFunction|undefined}
- */
-olx.style.StyleOptions.prototype.renderer;
-
-
 /**
 * Stroke style.
 * @type {ol.style.Stroke|undefined}
@@ -8445,49 +8131,3 @@ olx.style.AtlasManagerOptions.prototype.maxSize;
 * @api
 */
 olx.style.AtlasManagerOptions.prototype.space;
-
-
-/**
- * @typedef {{handles: function(ol.renderer.Type):boolean,
- *     create: function(Element, ol.PluggableMap):ol.renderer.Map}}
- */
-olx.MapRendererPlugin;
-
-
-/**
- * Determine if this renderer handles the provided layer.
- * @type {function(ol.renderer.Type):boolean}
- * @api
- */
-olx.MapRendererPlugin.prototype.handles;
-
-
-/**
- * Create the map renderer.
- * @type {function(Element, ol.PluggableMap):ol.renderer.Map}
- * @api
- */
-olx.MapRendererPlugin.prototype.create;
-
-
-/**
- * @typedef {{handles: function(ol.renderer.Type, ol.layer.Layer):boolean,
- *     create: function(ol.renderer.Map, ol.layer.Layer):ol.renderer.Layer}}
- */
-olx.LayerRendererPlugin;
-
-
-/**
- * Determine if this renderer handles the provided layer.
- * @type {function(ol.renderer.Type, ol.layer.Layer):boolean}
- * @api
- */
-olx.LayerRendererPlugin.prototype.handles;
-
-
-/**
- * Create a layer renderer.
- * @type {function(ol.renderer.Map, ol.layer.Layer):ol.renderer.Layer}
- * @api
- */
-olx.LayerRendererPlugin.prototype.create;
--- a/externs/readme.md
+++ b/externs/readme.md
@@ -53,7 +53,7 @@ For custom subclasses in applications, which can be created using `ol.inherits`,
 oli.control.Control = function() {};

 /**
- * @param {ol.PluggableMap} map Map.
+ * @param {ol.Map} map Map.
 * @return {undefined} Undefined.
 */
 oli.control.Control.prototype.setMap = function(map) {};
@@ -74,7 +74,7 @@ ol.control.Control = function(options) {

 /**
 * Application subclasses may override this.
- * @param {ol.PluggableMap} map Map.
+ * @param {ol.Map} map Map.
 * @api
 */
 ol.control.Control.prototype.setMap = function(map) {
--- a/externs/topojson.js
+++ b/externs/topojson.js
@@ -75,11 +75,6 @@ TopoJSONGeometry.prototype.type;
 TopoJSONGeometry.prototype.id;


-/**
- * @type {Object.<string, *>|undefined}
- */
-TopoJSONGeometry.prototype.properties;
-

 /**
 * @constructor
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "openlayers",
-  "version": "4.4.0",
+  "version": "4.3.0-beta.2",
  "description": "Build tools and sources for developing OpenLayers based mapping applications",
  "keywords": [
    "map",
@@ -12,17 +12,10 @@
    "install": "node tasks/install.js",
    "postinstall": "closure-util update",
    "start": "node tasks/serve.js",
-    "lint": "eslint tasks test src examples transforms",
+    "pretest": "eslint tasks test test_rendering src examples",
    "lint-package": "eslint --fix build/package",
-    "pretest": "npm run lint",
-    "test": "npm run karma -- --single-run",
-    "debug-server": "node tasks/serve-lib.js",
-    "karma": "node tasks/test.js start test/karma.config.js",
-    "transform-src": "jscodeshift --transform transforms/module.js src",
-    "changecase-src": "node tasks/filename-case-from-module.js",
-    "transform-examples": "jscodeshift --transform transforms/module.js examples",
-    "transform-test": "jscodeshift --transform transforms/module.js test",
-    "transform": "npm run changecase-src && npm run transform-src && npm run transform-examples && npm run transform-test && npm run lint -- --fix"
+    "test": "node tasks/test.js",
+    "debug-server": "node tasks/serve-lib.js"
  },
  "main": "dist/ol.js",
  "repository": {
@@ -39,59 +32,51 @@
  ],
  "dependencies": {
    "async": "2.5.0",
-    "closure-util": "1.24.0",
-    "fs-extra": "4.0.2",
-    "jsdoc": "3.5.5",
+    "closure-util": "1.22.0",
+    "derequire": "2.0.6",
+    "fs-extra": "4.0.0",
+    "glob": "7.1.1",
+    "handlebars": "4.0.10",
+    "jsdoc": "3.5.3",
+    "marked": "0.3.6",
+    "metalsmith": "2.3.0",
+    "metalsmith-layouts": "1.8.1",
    "nomnom": "1.8.1",
-    "pbf": "3.1.0",
+    "pbf": "3.0.5",
    "pixelworks": "1.1.0",
    "rbush": "2.0.1",
-    "rollup": "^0.50.0",
+    "rollup": "^0.45.0",
    "rollup-plugin-cleanup": "^1.0.0",
    "rollup-plugin-commonjs": "^8.0.2",
    "rollup-plugin-node-resolve": "^3.0.0",
    "temp": "0.8.3",
+    "@mapbox/vector-tile": "1.3.0",
    "walk": "2.3.9"
  },
  "devDependencies": {
-    "clean-css-cli": "4.1.10",
-    "coveralls": "3.0.0",
+    "clean-css-cli": "4.1.6",
+    "coveralls": "2.13.1",
    "debounce": "^1.0.0",
-    "eslint": "4.8.0",
+    "eslint": "4.2.0",
    "eslint-config-openlayers": "7.0.0",
    "eslint-plugin-openlayers-internal": "^3.1.0",
    "expect.js": "0.3.1",
    "gaze": "^1.0.0",
-    "glob": "7.1.1",
-    "handlebars": "4.0.10",
    "istanbul": "0.4.5",
    "jquery": "3.2.1",
    "jscodeshift": "^0.3.30",
-    "karma": "^1.7.0",
-    "karma-chrome-launcher": "^2.1.1",
-    "karma-coverage": "^1.1.1",
-    "karma-firefox-launcher": "^1.0.1",
-    "karma-mocha": "^1.3.0",
-    "karma-sauce-launcher": "^1.1.0",
-    "marked": "0.3.6",
-    "metalsmith": "2.3.0",
-    "metalsmith-layouts": "1.8.1",
-    "mocha": "4.0.0",
+    "mocha": "3.4.2",
    "mocha-phantomjs-core": "^2.1.0",
    "mustache": "2.3.0",
-    "phantomjs-prebuilt": "2.1.15",
-    "pixelmatch": "^4.0.2",
-    "proj4": "2.4.4",
+    "phantomjs-prebuilt": "2.1.14",
+    "proj4": "2.4.3",
+    "resemblejs": "2.2.4",
    "serve-files": "1.0.1",
-    "sinon": "4.0.1",
-    "slimerjs": "0.10.3",
-    "url-polyfill": "^1.0.7"
+    "sinon": "2.3.8",
+    "slimerjs": "0.10.3"
  },
  "eslintConfig": {
    "extends": "openlayers",
-    "parserOptions": {
-      "sourceType": "module"
-    },
    "globals": {
      "ArrayBuffer": false,
      "Float32Array": false,
@@ -149,6 +134,11 @@
    {
      "module": "pixelworks",
      "import": "Processor"
+    },
+    {
+      "module": "@mapbox/vector-tile",
+      "name": "vectortile",
+      "import": "VectorTile"
    }
  ]
 }
--- a/package/package.json
+++ b/package/package.json
@@ -1,14 +1,15 @@
 {
  "name": "ol",
-  "version": "4.4.0",
+  "version": "4.3.0-beta.2",
  "description": "OpenLayers as ES2015 modules",
  "main": "index.js",
  "module": "index.js",
  "license": "BSD-2-Clause",
  "dependencies": {
-    "pbf": "3.1.0",
+    "pbf": "3.0.5",
    "pixelworks": "1.1.0",
-    "rbush": "2.0.1"
+    "rbush": "2.0.1",
+    "@mapbox/vector-tile": "1.3.0"
  },
  "browserify": {
    "transform": [
--- a/src/ol/canvasmap.js
+++ b/src/ol/canvasmap.js
@@ -1,86 +0,0 @@
-goog.provide('ol.CanvasMap');
-
-goog.require('ol');
-goog.require('ol.PluggableMap');
-goog.require('ol.PluginType');
-goog.require('ol.control');
-goog.require('ol.interaction');
-goog.require('ol.obj');
-goog.require('ol.plugins');
-goog.require('ol.renderer.canvas.ImageLayer');
-goog.require('ol.renderer.canvas.Map');
-goog.require('ol.renderer.canvas.TileLayer');
-goog.require('ol.renderer.canvas.VectorLayer');
-goog.require('ol.renderer.canvas.VectorTileLayer');
-
-
-ol.plugins.register(ol.PluginType.MAP_RENDERER, ol.renderer.canvas.Map);
-ol.plugins.registerMultiple(ol.PluginType.LAYER_RENDERER, [
-  ol.renderer.canvas.ImageLayer,
-  ol.renderer.canvas.TileLayer,
-  ol.renderer.canvas.VectorLayer,
-  ol.renderer.canvas.VectorTileLayer
-]);
-
-
-/**
- * @classdesc
- * The map is the core component of OpenLayers. For a map to render, a view,
- * one or more layers, and a target container are needed:
- *
- *     var map = new ol.CanvasMap({
- *       view: new ol.View({
- *         center: [0, 0],
- *         zoom: 1
- *       }),
- *       layers: [
- *         new ol.layer.Tile({
- *           source: new ol.source.OSM()
- *         })
- *       ],
- *       target: 'map'
- *     });
- *
- * The above snippet creates a map using a {@link ol.layer.Tile} to display
- * {@link ol.source.OSM} OSM data and render it to a DOM element with the
- * id `map`.
- *
- * The constructor places a viewport container (with CSS class name
- * `ol-viewport`) in the target element (see `getViewport()`), and then two
- * further elements within the viewport: one with CSS class name
- * `ol-overlaycontainer-stopevent` for controls and some overlays, and one with
- * CSS class name `ol-overlaycontainer` for other overlays (see the `stopEvent`
- * option of {@link ol.Overlay} for the difference). The map itself is placed in
- * a further element within the viewport.
- *
- * Layers are stored as a `ol.Collection` in layerGroups. A top-level group is
- * provided by the library. This is what is accessed by `getLayerGroup` and
- * `setLayerGroup`. Layers entered in the options are added to this group, and
- * `addLayer` and `removeLayer` change the layer collection in the group.
- * `getLayers` is a convenience function for `getLayerGroup().getLayers()`.
- * Note that `ol.layer.Group` is a subclass of `ol.layer.Base`, so layers
- * entered in the options or added with `addLayer` can be groups, which can
- * contain further groups, and so on.
- *
- * @constructor
- * @extends {ol.PluggableMap}
- * @param {olx.MapOptions} options Map options.
- * @fires ol.MapBrowserEvent
- * @fires ol.MapEvent
- * @fires ol.render.Event#postcompose
- * @fires ol.render.Event#precompose
- * @api
- */
-ol.CanvasMap = function(options) {
-  options = ol.obj.assign({}, options);
-  delete options.renderer;
-  if (!options.controls) {
-    options.controls = ol.control.defaults();
-  }
-  if (!options.interactions) {
-    options.interactions = ol.interaction.defaults();
-  }
-
-  ol.PluggableMap.call(this, options);
-};
-ol.inherits(ol.CanvasMap, ol.PluggableMap);
--- a/src/ol/collection.js
+++ b/src/ol/collection.js
@@ -23,7 +23,7 @@ goog.require('ol.events.Event');
 * @constructor
 * @extends {ol.Object}
 * @fires ol.Collection.Event
- * @param {Array.<T>=} opt_array Array.
+ * @param {!Array.<T>=} opt_array Array.
 * @param {olx.CollectionOptions=} opt_options Collection options.
 * @template T
 * @api
@@ -95,11 +95,7 @@ ol.Collection.prototype.extend = function(arr) {
 * @api
 */
 ol.Collection.prototype.forEach = function(f, opt_this) {
-  var fn = (opt_this) ? f.bind(opt_this) : f;
-  var array = this.array_;
-  for (var i = 0, ii = array.length; i < ii; ++i) {
-    fn(array[i], i, array);
-  }
+  this.array_.forEach(f, opt_this);
 };


--- a/src/ol/control/control.js
+++ b/src/ol/control/control.js
@@ -54,7 +54,7 @@ ol.control.Control = function(options) {

  /**
   * @private
-   * @type {ol.PluggableMap}
+   * @type {ol.Map}
   */
  this.map_ = null;

@@ -88,7 +88,7 @@ ol.control.Control.prototype.disposeInternal = function() {

 /**
 * Get the map associated with this control.
- * @return {ol.PluggableMap} Map.
+ * @return {ol.Map} Map.
 * @api
 */
 ol.control.Control.prototype.getMap = function() {
@@ -100,7 +100,7 @@ ol.control.Control.prototype.getMap = function() {
 * Remove the control from its current map and attach it to the new map.
 * Subclasses may set up event handlers to get notified about changes to
 * the map here.
- * @param {ol.PluggableMap} map Map.
+ * @param {ol.Map} map Map.
 * @override
 * @api
 */
--- a/src/ol/control/overviewmap.js
+++ b/src/ol/control/overviewmap.js
@@ -2,7 +2,7 @@ goog.provide('ol.control.OverviewMap');

 goog.require('ol');
 goog.require('ol.Collection');
-goog.require('ol.PluggableMap');
+goog.require('ol.Map');
 goog.require('ol.MapEventType');
 goog.require('ol.MapProperty');
 goog.require('ol.Object');
@@ -97,10 +97,10 @@ ol.control.OverviewMap = function(opt_options) {
  this.ovmapDiv_.className = 'ol-overviewmap-map';

  /**
-   * @type {ol.PluggableMap}
+   * @type {ol.Map}
   * @private
   */
-  this.ovmap_ = new ol.PluggableMap({
+  this.ovmap_ = new ol.Map({
    controls: new ol.Collection(),
    interactions: new ol.Collection(),
    view: options.view
@@ -551,7 +551,7 @@ ol.control.OverviewMap.prototype.getCollapsed = function() {

 /**
 * Return the overview map.
- * @return {ol.PluggableMap} Overview map.
+ * @return {ol.Map} Overview map.
 * @api
 */
 ol.control.OverviewMap.prototype.getOverviewMap = function() {
--- a/src/ol/control/scaleline.js
+++ b/src/ol/control/scaleline.js
@@ -168,22 +168,17 @@ ol.control.ScaleLine.prototype.updateElement_ = function() {

  var center = viewState.center;
  var projection = viewState.projection;
-  var units = this.getUnits();
-  var pointResolutionUnits = units == ol.control.ScaleLineUnits.DEGREES ?
-    ol.proj.Units.DEGREES :
-    ol.proj.Units.METERS;
+  var metersPerUnit = projection.getMetersPerUnit();
  var pointResolution =
-      ol.proj.getPointResolution(projection, viewState.resolution, center, pointResolutionUnits);
+      ol.proj.getPointResolution(projection, viewState.resolution, center) *
+      metersPerUnit;

  var nominalCount = this.minWidth_ * pointResolution;
  var suffix = '';
+  var units = this.getUnits();
  if (units == ol.control.ScaleLineUnits.DEGREES) {
    var metersPerDegree = ol.proj.METERS_PER_UNIT[ol.proj.Units.DEGREES];
-    if (projection.getUnits() == ol.proj.Units.DEGREES) {
-      nominalCount *= metersPerDegree;
-    } else {
-      pointResolution /= metersPerDegree;
-    }
+    pointResolution /= metersPerDegree;
    if (nominalCount < metersPerDegree / 60) {
      suffix = '\u2033'; // seconds
      pointResolution *= 3600;
--- a/src/ol/deviceorientation.js
+++ b/src/ol/deviceorientation.js
@@ -57,8 +57,6 @@ goog.require('ol.math');
 *
 * @see {@link http://www.w3.org/TR/orientation-event/}
 *
- * @deprecated This class is deprecated and will removed in the next major release.
- *
 * @constructor
 * @extends {ol.Object}
 * @param {olx.DeviceOrientationOptions=} opt_options Options.
--- a/src/ol/featureloader.js
+++ b/src/ol/featureloader.js
@@ -8,7 +8,7 @@ goog.require('ol.xml');
 /**
 * @param {string|ol.FeatureUrlFunction} url Feature URL service.
 * @param {ol.format.Feature} format Feature format.
- * @param {function(this:ol.VectorTile, Array.<ol.Feature>, ol.proj.Projection, ol.Extent)|function(this:ol.source.Vector, Array.<ol.Feature>)} success
+ * @param {function(this:ol.VectorTile, Array.<ol.Feature>, ol.proj.Projection)|function(this:ol.source.Vector, Array.<ol.Feature>)} success
 *     Function called with the loaded features and optionally with the data
 *     projection. Called with the vector tile or source as `this`.
 * @param {function(this:ol.VectorTile)|function(this:ol.source.Vector)} failure
@@ -56,7 +56,7 @@ ol.featureloader.loadFeaturesXhr = function(url, format, success, failure) {
          if (source) {
            success.call(this, format.readFeatures(source,
                {featureProjection: projection}),
-            format.readProjection(source), format.getLastExtent());
+            format.readProjection(source));
          } else {
            failure.call(this);
          }
--- a/src/ol/format/esrijson.js
+++ b/src/ol/format/esrijson.js
@@ -290,9 +290,9 @@ ol.format.EsriJSON.getHasZM_ = function(geometry) {
  var layout = geometry.getLayout();
  return {
    hasZ: (layout === ol.geom.GeometryLayout.XYZ ||
-      layout === ol.geom.GeometryLayout.XYZM),
+        layout === ol.geom.GeometryLayout.XYZM),
    hasM: (layout === ol.geom.GeometryLayout.XYM ||
-      layout === ol.geom.GeometryLayout.XYZM)
+        layout === ol.geom.GeometryLayout.XYZM)
  };
 };

@@ -304,7 +304,7 @@ ol.format.EsriJSON.getHasZM_ = function(geometry) {
 * @return {EsriJSONPolyline} EsriJSON geometry.
 */
 ol.format.EsriJSON.writeLineStringGeometry_ = function(geometry, opt_options) {
-  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.LineString} */(geometry));
+  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.LineString} */ (geometry));
  return /** @type {EsriJSONPolyline} */ ({
    hasZ: hasZM.hasZ,
    hasM: hasZM.hasM,
@@ -323,7 +323,7 @@ ol.format.EsriJSON.writeLineStringGeometry_ = function(geometry, opt_options) {
 */
 ol.format.EsriJSON.writePolygonGeometry_ = function(geometry, opt_options) {
  // Esri geometries use the left-hand rule
-  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.Polygon} */(geometry));
+  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.Polygon} */ (geometry));
  return /** @type {EsriJSONPolygon} */ ({
    hasZ: hasZM.hasZ,
    hasM: hasZM.hasM,
@@ -339,7 +339,7 @@ ol.format.EsriJSON.writePolygonGeometry_ = function(geometry, opt_options) {
 * @return {EsriJSONPolyline} EsriJSON geometry.
 */
 ol.format.EsriJSON.writeMultiLineStringGeometry_ = function(geometry, opt_options) {
-  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiLineString} */(geometry));
+  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiLineString} */ (geometry));
  return /** @type {EsriJSONPolyline} */ ({
    hasZ: hasZM.hasZ,
    hasM: hasZM.hasM,
@@ -355,7 +355,7 @@ ol.format.EsriJSON.writeMultiLineStringGeometry_ = function(geometry, opt_option
 * @return {EsriJSONMultipoint} EsriJSON geometry.
 */
 ol.format.EsriJSON.writeMultiPointGeometry_ = function(geometry, opt_options) {
-  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiPoint} */(geometry));
+  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiPoint} */ (geometry));
  return /** @type {EsriJSONMultipoint} */ ({
    hasZ: hasZM.hasZ,
    hasM: hasZM.hasM,
@@ -372,7 +372,7 @@ ol.format.EsriJSON.writeMultiPointGeometry_ = function(geometry, opt_options) {
 */
 ol.format.EsriJSON.writeMultiPolygonGeometry_ = function(geometry,
    opt_options) {
-  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiPolygon} */(geometry));
+  var hasZM = ol.format.EsriJSON.getHasZM_(/** @type {ol.geom.MultiPolygon} */ (geometry));
  var coordinates = /** @type {ol.geom.MultiPolygon} */ (geometry).getCoordinates(false);
  var output = [];
  for (var i = 0; i < coordinates.length; i++) {
@@ -395,17 +395,17 @@ ol.format.EsriJSON.writeMultiPolygonGeometry_ = function(geometry,
 */
 ol.format.EsriJSON.GEOMETRY_READERS_ = {};
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.POINT] =
-  ol.format.EsriJSON.readPointGeometry_;
+    ol.format.EsriJSON.readPointGeometry_;
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.LINE_STRING] =
-  ol.format.EsriJSON.readLineStringGeometry_;
+    ol.format.EsriJSON.readLineStringGeometry_;
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.POLYGON] =
-  ol.format.EsriJSON.readPolygonGeometry_;
+    ol.format.EsriJSON.readPolygonGeometry_;
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.MULTI_POINT] =
-  ol.format.EsriJSON.readMultiPointGeometry_;
+    ol.format.EsriJSON.readMultiPointGeometry_;
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.MULTI_LINE_STRING] =
-  ol.format.EsriJSON.readMultiLineStringGeometry_;
+    ol.format.EsriJSON.readMultiLineStringGeometry_;
 ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.MULTI_POLYGON] =
-  ol.format.EsriJSON.readMultiPolygonGeometry_;
+    ol.format.EsriJSON.readMultiPolygonGeometry_;


 /**
@@ -415,17 +415,17 @@ ol.format.EsriJSON.GEOMETRY_READERS_[ol.geom.GeometryType.MULTI_POLYGON] =
 */
 ol.format.EsriJSON.GEOMETRY_WRITERS_ = {};
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.POINT] =
-  ol.format.EsriJSON.writePointGeometry_;
+    ol.format.EsriJSON.writePointGeometry_;
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.LINE_STRING] =
-  ol.format.EsriJSON.writeLineStringGeometry_;
+    ol.format.EsriJSON.writeLineStringGeometry_;
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.POLYGON] =
-  ol.format.EsriJSON.writePolygonGeometry_;
+    ol.format.EsriJSON.writePolygonGeometry_;
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.MULTI_POINT] =
-  ol.format.EsriJSON.writeMultiPointGeometry_;
+    ol.format.EsriJSON.writeMultiPointGeometry_;
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.MULTI_LINE_STRING] =
-  ol.format.EsriJSON.writeMultiLineStringGeometry_;
+    ol.format.EsriJSON.writeMultiLineStringGeometry_;
 ol.format.EsriJSON.GEOMETRY_WRITERS_[ol.geom.GeometryType.MULTI_POLYGON] =
-  ol.format.EsriJSON.writeMultiPolygonGeometry_;
+    ol.format.EsriJSON.writeMultiPolygonGeometry_;


 /**
@@ -468,7 +468,7 @@ ol.format.EsriJSON.prototype.readFeatureFromObject = function(
  }
  feature.setGeometry(geometry);
  if (opt_options && opt_options.idField &&
-    esriJSONFeature.attributes[opt_options.idField]) {
+      esriJSONFeature.attributes[opt_options.idField]) {
    feature.setId(/** @type {number} */(
      esriJSONFeature.attributes[opt_options.idField]));
  }
@@ -488,7 +488,7 @@ ol.format.EsriJSON.prototype.readFeaturesFromObject = function(
  var options = opt_options ? opt_options : {};
  if (esriJSONObject.features) {
    var esriJSONFeatureCollection = /** @type {EsriJSONFeatureCollection} */
-      (object);
+        (object);
    /** @type {Array.<ol.Feature>} */
    var features = [];
    var esriJSONFeatures = esriJSONFeatureCollection.features;
@@ -523,7 +523,7 @@ ol.format.EsriJSON.prototype.readGeometry;
 ol.format.EsriJSON.prototype.readGeometryFromObject = function(
    object, opt_options) {
  return ol.format.EsriJSON.readGeometry_(
-      /** @type {EsriJSONGeometry} */(object), opt_options);
+      /** @type {EsriJSONGeometry} */ (object), opt_options);
 };


@@ -560,7 +560,7 @@ ol.format.EsriJSON.prototype.readProjectionFromObject = function(object) {
 */
 ol.format.EsriJSON.writeGeometry_ = function(geometry, opt_options) {
  var geometryWriter = ol.format.EsriJSON.GEOMETRY_WRITERS_[geometry.getType()];
-  return geometryWriter(/** @type {ol.geom.Geometry} */(
+  return geometryWriter(/** @type {ol.geom.Geometry} */ (
    ol.format.Feature.transformWithOptions(geometry, true, opt_options)),
  opt_options);
 };
@@ -622,13 +622,7 @@ ol.format.EsriJSON.prototype.writeFeatureObject = function(
  var geometry = feature.getGeometry();
  if (geometry) {
    object['geometry'] =
-      ol.format.EsriJSON.writeGeometry_(geometry, opt_options);
-    if (opt_options && opt_options.featureProjection) {
-      object['geometry']['spatialReference'] = /** @type {EsriJSONCRS} */({
-        wkid: ol.proj.get(
-            opt_options.featureProjection).getCode().split(':').pop()
-      });
-    }
+        ol.format.EsriJSON.writeGeometry_(geometry, opt_options);
  }
  var properties = feature.getProperties();
  delete properties[feature.getGeometryName()];
@@ -637,6 +631,12 @@ ol.format.EsriJSON.prototype.writeFeatureObject = function(
  } else {
    object['attributes'] = {};
  }
+  if (opt_options && opt_options.featureProjection) {
+    object['spatialReference'] = /** @type {EsriJSONCRS} */({
+      wkid: ol.proj.get(
+          opt_options.featureProjection).getCode().split(':').pop()
+    });
+  }
  return object;
 };

--- a/src/ol/format/feature.js
+++ b/src/ol/format/feature.js
@@ -72,15 +72,6 @@ ol.format.Feature.prototype.adaptOptions = function(options) {
 };


-/**
- * Get the extent from the source of the last {@link readFeatures} call.
- * @return {ol.Extent} Tile extent.
- */
-ol.format.Feature.prototype.getLastExtent = function() {
-  return null;
-};
-
-
 /**
 * @abstract
 * @return {ol.format.FormatType} Format.
--- a/src/ol/format/filter/and.js
+++ b/src/ol/format/filter/and.js
@@ -7,10 +7,7 @@ goog.require('ol.format.filter.LogicalNary');
 * @classdesc
 * Represents a logical `<And>` operator between two or more filter conditions.
 *
- * deprecated: This class will no longer be exported starting from the next major version.
- *
 * @constructor
- * @abstract
 * @param {...ol.format.filter.Filter} conditions Conditions.
 * @extends {ol.format.filter.LogicalNary}
 * @api
--- a/src/ol/format/filter/comparison.js
+++ b/src/ol/format/filter/comparison.js
@@ -9,10 +9,7 @@ goog.require('ol.format.filter.Filter');
 * Abstract class; normally only used for creating subclasses and not instantiated in apps.
 * Base class for WFS GetFeature property comparison filters.
 *
- * deprecated: This class will no longer be exported starting from the next major version.
- *
 * @constructor
- * @abstract
 * @param {!string} tagName The XML tag name for this filter.
 * @param {!string} propertyName Name of the context property to compare.
 * @extends {ol.format.filter.Filter}
--- a/src/ol/format/filter/comparisonbinary.js
+++ b/src/ol/format/filter/comparisonbinary.js
@@ -9,10 +9,7 @@ goog.require('ol.format.filter.Comparison');
 * Abstract class; normally only used for creating subclasses and not instantiated in apps.
 * Base class for WFS GetFeature property binary comparison filters.
 *
- * deprecated: This class will no longer be exported starting from the next major version.
- *
 * @constructor
- * @abstract
 * @param {!string} tagName The XML tag name for this filter.
 * @param {!string} propertyName Name of the context property to compare.
 * @param {!(string|number)} expression The value to compare.
--- a/src/ol/format/filter/filter.js
+++ b/src/ol/format/filter/filter.js
@@ -6,10 +6,7 @@ goog.provide('ol.format.filter.Filter');
 * Abstract class; normally only used for creating subclasses and not instantiated in apps.
 * Base class for WFS GetFeature filters.
 *
- * deprecated: This class will no longer be exported starting from the next major version.
- *
 * @constructor
- * @abstract
 * @param {!string} tagName The XML tag name for this filter.
 * @struct
 * @api
--- a/src/ol/format/filter/logicalnary.js
+++ b/src/ol/format/filter/logicalnary.js
@@ -11,7 +11,6 @@ goog.require('ol.format.filter.Filter');
 * Base class for WFS GetFeature n-ary logical filters.
 *
 * @constructor
- * @abstract
 * @param {!string} tagName The XML tag name for this filter.
 * @param {...ol.format.filter.Filter} conditions Conditions.
 * @extends {ol.format.filter.Filter}
--- a/src/ol/format/filter/spatial.js
+++ b/src/ol/format/filter/spatial.js
@@ -6,14 +6,10 @@ goog.require('ol.format.filter.Filter');

 /**
 * @classdesc
- * Abstract class; normally only used for creating subclasses and not instantiated in apps.
 * Represents a spatial operator to test whether a geometry-valued property
 * relates to a given geometry.
 *
- * deprecated: This class will no longer be exported starting from the next major version.
- *
 * @constructor
- * @abstract
 * @param {!string} tagName The XML tag name for this filter.
 * @param {!string} geometryName Geometry name to use.
 * @param {!ol.geom.Geometry} geometry Geometry.
--- a/src/ol/format/gml3.js
+++ b/src/ol/format/gml3.js
@@ -67,13 +67,6 @@ ol.format.GML3 = function(opt_options) {
  this.schemaLocation = options.schemaLocation ?
    options.schemaLocation : ol.format.GML3.schemaLocation_;

-  /**
-   * @private
-   * @type {boolean}
-   */
-  this.hasZ = options.hasZ !== undefined ?
-    options.hasZ : false;
-
 };
 ol.inherits(ol.format.GML3, ol.format.GMLBase);

@@ -352,7 +345,7 @@ ol.format.GML3.prototype.readFlatPosList_ = function(node, objectStack) {
  var s = ol.xml.getAllTextContent(node, false).replace(/^\s*|\s*$/g, '');
  var context = objectStack[0];
  var containerSrs = context['srsName'];
-  var contextDimension = context['srsDimension'];
+  var containerDimension = node.parentNode.getAttribute('srsDimension');
  var axisOrientation = 'enu';
  if (containerSrs) {
    var proj = ol.proj.get(containerSrs);
@@ -367,11 +360,8 @@ ol.format.GML3.prototype.readFlatPosList_ = function(node, objectStack) {
  } else if (node.getAttribute('dimension')) {
    dim = ol.format.XSD.readNonNegativeIntegerString(
        node.getAttribute('dimension'));
-  } else if (node.parentNode.getAttribute('srsDimension')) {
-    dim = ol.format.XSD.readNonNegativeIntegerString(
-        node.parentNode.getAttribute('srsDimension'));
-  } else if (contextDimension) {
-    dim = ol.format.XSD.readNonNegativeIntegerString(contextDimension);
+  } else if (containerDimension) {
+    dim = ol.format.XSD.readNonNegativeIntegerString(containerDimension);
  }
  var x, y, z;
  var flatCoordinates = [];
@@ -576,8 +566,6 @@ ol.format.GML3.prototype.SEGMENTS_PARSERS_ = {
 ol.format.GML3.prototype.writePos_ = function(node, value, objectStack) {
  var context = objectStack[objectStack.length - 1];
  var hasZ = context['hasZ'];
-  var srsDimension = hasZ ? 3 : 2;
-  node.setAttribute('srsDimension', srsDimension);
  var srsName = context['srsName'];
  var axisOrientation = 'enu';
  if (srsName) {
@@ -634,8 +622,6 @@ ol.format.GML3.prototype.getCoords_ = function(point, opt_srsName, opt_hasZ) {
 ol.format.GML3.prototype.writePosList_ = function(node, value, objectStack) {
  var context = objectStack[objectStack.length - 1];
  var hasZ = context['hasZ'];
-  var srsDimension = hasZ ? 3 : 2;
-  node.setAttribute('srsDimension', srsDimension);
  var srsName = context['srsName'];
  // only 2d for simple features profile
  var points = value.getCoordinates();
--- a/src/ol/format/gmlbase.js
+++ b/src/ol/format/gmlbase.js
@@ -198,7 +198,6 @@ ol.format.GMLBase.prototype.readFeaturesInternal = function(node, objectStack) {
 ol.format.GMLBase.prototype.readGeometryElement = function(node, objectStack) {
  var context = /** @type {Object} */ (objectStack[0]);
  context['srsName'] = node.firstElementChild.getAttribute('srsName');
-  context['srsDimension'] = node.firstElementChild.getAttribute('srsDimension');
  /** @type {ol.geom.Geometry} */
  var geometry = ol.xml.pushParseAndPop(null,
      this.GEOMETRY_PARSERS_, node, objectStack, this);
--- a/src/ol/format/kml.js
+++ b/src/ol/format/kml.js
@@ -488,12 +488,8 @@ ol.format.KML.readFlatCoordinates_ = function(node) {
 */
 ol.format.KML.readURI_ = function(node) {
  var s = ol.xml.getAllTextContent(node, false).trim();
-  var baseURI = node.baseURI;
-  if (!baseURI || baseURI == 'about:blank') {
-    baseURI = window.location.href;
-  }
-  if (baseURI) {
-    var url = new URL(s, baseURI);
+  if (node.baseURI && node.baseURI !== 'about:blank') {
+    var url = new URL(s, node.baseURI);
    return url.href;
  } else {
    return s;
@@ -1069,25 +1065,19 @@ ol.format.KML.setCommonGeometryProperties_ = function(multiGeometry,
    geometries) {
  var ii = geometries.length;
  var extrudes = new Array(geometries.length);
-  var tessellates = new Array(geometries.length);
  var altitudeModes = new Array(geometries.length);
-  var geometry, i, hasExtrude, hasTessellate, hasAltitudeMode;
-  hasExtrude = hasTessellate = hasAltitudeMode = false;
+  var geometry, i, hasExtrude, hasAltitudeMode;
+  hasExtrude = hasAltitudeMode = false;
  for (i = 0; i < ii; ++i) {
    geometry = geometries[i];
    extrudes[i] = geometry.get('extrude');
-    tessellates[i] = geometry.get('tessellate');
    altitudeModes[i] = geometry.get('altitudeMode');
    hasExtrude = hasExtrude || extrudes[i] !== undefined;
-    hasTessellate = hasTessellate || tessellates[i] !== undefined;
    hasAltitudeMode = hasAltitudeMode || altitudeModes[i];
  }
  if (hasExtrude) {
    multiGeometry.set('extrude', extrudes);
  }
-  if (hasTessellate) {
-    multiGeometry.set('tessellate', tessellates);
-  }
  if (hasAltitudeMode) {
    multiGeometry.set('altitudeMode', altitudeModes);
  }
@@ -1381,7 +1371,6 @@ ol.format.KML.LOD_PARSERS_ = ol.xml.makeStructureNS(
 ol.format.KML.EXTRUDE_AND_ALTITUDE_MODE_PARSERS_ = ol.xml.makeStructureNS(
    ol.format.KML.NAMESPACE_URIS_, {
      'extrude': ol.xml.makeObjectPropertySetter(ol.format.XSD.readBoolean),
-      'tessellate': ol.xml.makeObjectPropertySetter(ol.format.XSD.readBoolean),
      'altitudeMode': ol.xml.makeObjectPropertySetter(ol.format.XSD.readString)
    });

@@ -1748,12 +1737,8 @@ ol.format.KML.prototype.readSharedStyle_ = function(node, objectStack) {
    var style = ol.format.KML.readStyle_(node, objectStack);
    if (style) {
      var styleUri;
-      var baseURI = node.baseURI;
-      if (!baseURI || baseURI == 'about:blank') {
-        baseURI = window.location.href;
-      }
-      if (baseURI) {
-        var url = new URL('#' + id, baseURI);
+      if (node.baseURI && node.baseURI !== 'about:blank') {
+        var url = new URL('#' + id, node.baseURI);
        styleUri = url.href;
      } else {
        styleUri = '#' + id;
@@ -1779,12 +1764,8 @@ ol.format.KML.prototype.readSharedStyleMap_ = function(node, objectStack) {
    return;
  }
  var styleUri;
-  var baseURI = node.baseURI;
-  if (!baseURI || baseURI == 'about:blank') {
-    baseURI = window.location.href;
-  }
-  if (baseURI) {
-    var url = new URL('#' + id, baseURI);
+  if (node.baseURI && node.baseURI !== 'about:blank') {
+    var url = new URL('#' + id, node.baseURI);
    styleUri = url.href;
  } else {
    styleUri = '#' + id;
@@ -2279,7 +2260,7 @@ ol.format.KML.writeIconStyle_ = function(node, style, objectStack) {
      iconProperties['y'] = iconImageSize[1] - (origin[1] + size[1]);
    }

-    if (anchor && (anchor[0] !== size[0] / 2 || anchor[1] !== size[1] / 2)) {
+    if (anchor && anchor[0] !== 0 && anchor[1] !== size[1]) {
      var /** @type {ol.KMLVec2_} */ hotSpot = {
        x: anchor[0],
        xunits: ol.style.IconAnchorUnits.PIXELS,
@@ -2487,16 +2468,10 @@ ol.format.KML.writePrimitiveGeometry_ = function(node, geometry, objectStack) {
  var /** @type {ol.XmlNodeStackItem} */ context = {node: node};
  context['layout'] = geometry.getLayout();
  context['stride'] = geometry.getStride();
-
-  // serialize properties (properties unknown to KML are not serialized)
-  var properties = geometry.getProperties();
-  properties.coordinates = flatCoordinates;
-
-  var parentNode = objectStack[objectStack.length - 1].node;
-  var orderedKeys = ol.format.KML.PRIMITIVE_GEOMETRY_SEQUENCE_[parentNode.namespaceURI];
-  var values = ol.xml.makeSequence(properties, orderedKeys);
-  ol.xml.pushSerializeAndPop(context, ol.format.KML.PRIMITIVE_GEOMETRY_SERIALIZERS_,
-      ol.xml.OBJECT_PROPERTY_NODE_FACTORY, values, objectStack, orderedKeys);
+  ol.xml.pushSerializeAndPop(context,
+      ol.format.KML.PRIMITIVE_GEOMETRY_SERIALIZERS_,
+      ol.format.KML.COORDINATES_NODE_FACTORY_,
+      [flatCoordinates], objectStack);
 };


@@ -2657,6 +2632,7 @@ ol.format.KML.GEOMETRY_TYPE_TO_NODENAME_ = {
  'GeometryCollection': 'MultiGeometry'
 };

+
 /**
 * @const
 * @type {Object.<string, Array.<string>>}
@@ -2832,17 +2808,6 @@ ol.format.KML.PLACEMARK_SERIALIZERS_ = ol.xml.makeStructureNS(
    });


-/**
- * @const
- * @type {Object.<string, Array.<string>>}
- * @private
- */
-ol.format.KML.PRIMITIVE_GEOMETRY_SEQUENCE_ = ol.xml.makeStructureNS(
-    ol.format.KML.NAMESPACE_URIS_, [
-      'extrude', 'tessellate', 'altitudeMode', 'coordinates'
-    ]);
-
-
 /**
 * @const
 * @type {Object.<string, Object.<string, ol.XmlSerializer>>}
@@ -2850,9 +2815,6 @@ ol.format.KML.PRIMITIVE_GEOMETRY_SEQUENCE_ = ol.xml.makeStructureNS(
 */
 ol.format.KML.PRIMITIVE_GEOMETRY_SERIALIZERS_ = ol.xml.makeStructureNS(
    ol.format.KML.NAMESPACE_URIS_, {
-      'extrude': ol.xml.makeChildAppender(ol.format.XSD.writeBooleanTextNode),
-      'tessellate': ol.xml.makeChildAppender(ol.format.XSD.writeBooleanTextNode),
-      'altitudeMode': ol.xml.makeChildAppender(ol.format.XSD.writeStringTextNode),
      'coordinates': ol.xml.makeChildAppender(
          ol.format.KML.writeCoordinatesTextNode_)
    });
@@ -2964,6 +2926,16 @@ ol.format.KML.GEOMETRY_NODE_FACTORY_ = function(value, objectStack,
 ol.format.KML.COLOR_NODE_FACTORY_ = ol.xml.makeSimpleNodeFactory('color');


+/**
+ * A factory for creating coordinates nodes.
+ * @const
+ * @type {function(*, Array.<*>, string=): (Node|undefined)}
+ * @private
+ */
+ol.format.KML.COORDINATES_NODE_FACTORY_ =
+    ol.xml.makeSimpleNodeFactory('coordinates');
+
+
 /**
 * A factory for creating Data nodes.
 * @const
--- a/src/ol/format/mvt.js
+++ b/src/ol/format/mvt.js
@@ -3,8 +3,8 @@
 goog.provide('ol.format.MVT');

 goog.require('ol');
-goog.require('ol.asserts');
 goog.require('ol.ext.PBF');
+goog.require('ol.ext.vectortile.VectorTile');
 goog.require('ol.format.Feature');
 goog.require('ol.format.FormatType');
 goog.require('ol.geom.GeometryLayout');
@@ -12,10 +12,8 @@ goog.require('ol.geom.GeometryType');
 goog.require('ol.geom.LineString');
 goog.require('ol.geom.MultiLineString');
 goog.require('ol.geom.MultiPoint');
-goog.require('ol.geom.MultiPolygon');
 goog.require('ol.geom.Point');
 goog.require('ol.geom.Polygon');
-goog.require('ol.geom.flat.orient');
 goog.require('ol.proj.Projection');
 goog.require('ol.proj.Units');
 goog.require('ol.render.Feature');
@@ -40,7 +38,7 @@ ol.format.MVT = function(opt_options) {
   * @type {ol.proj.Projection}
   */
  this.defaultDataProjection = new ol.proj.Projection({
-    code: 'EPSG:3857',
+    code: '',
    units: ol.proj.Units.TILE_PIXELS
  });

@@ -71,275 +69,10 @@ ol.format.MVT = function(opt_options) {
   */
  this.layers_ = options.layers ? options.layers : null;

-  /**
-   * @private
-   * @type {ol.Extent}
-   */
-  this.extent_ = null;
-
 };
 ol.inherits(ol.format.MVT, ol.format.Feature);


-/**
- * Reader callbacks for parsing the PBF.
- * @type {Object.<string, function(number, Object, ol.ext.PBF)>}
- */
-ol.format.MVT.pbfReaders_ = {
-  layers: function(tag, layers, pbf) {
-    if (tag === 3) {
-      var layer = {
-        keys: [],
-        values: [],
-        features: []
-      };
-      var end = pbf.readVarint() + pbf.pos;
-      pbf.readFields(ol.format.MVT.pbfReaders_.layer, layer, end);
-      layer.length = layer.features.length;
-      if (layer.length) {
-        layers[layer.name] = layer;
-      }
-    }
-  },
-  layer: function(tag, layer, pbf) {
-    if (tag === 15) {
-      layer.version = pbf.readVarint();
-    } else if (tag === 1) {
-      layer.name = pbf.readString();
-    } else if (tag === 5) {
-      layer.extent = pbf.readVarint();
-    } else if (tag === 2) {
-      layer.features.push(pbf.pos);
-    } else if (tag === 3) {
-      layer.keys.push(pbf.readString());
-    } else if (tag === 4) {
-      var value = null;
-      var end = pbf.readVarint() + pbf.pos;
-      while (pbf.pos < end) {
-        tag = pbf.readVarint() >> 3;
-        value = tag === 1 ? pbf.readString() :
-          tag === 2 ? pbf.readFloat() :
-            tag === 3 ? pbf.readDouble() :
-              tag === 4 ? pbf.readVarint64() :
-                tag === 5 ? pbf.readVarint() :
-                  tag === 6 ? pbf.readSVarint() :
-                    tag === 7 ? pbf.readBoolean() : null;
-      }
-      layer.values.push(value);
-    }
-  },
-  feature: function(tag, feature, pbf) {
-    if (tag == 1) {
-      feature.id = pbf.readVarint();
-    } else if (tag == 2) {
-      var end = pbf.readVarint() + pbf.pos;
-      while (pbf.pos < end) {
-        var key = feature.layer.keys[pbf.readVarint()];
-        var value = feature.layer.values[pbf.readVarint()];
-        feature.properties[key] = value;
-      }
-    } else if (tag == 3) {
-      feature.type = pbf.readVarint();
-    } else if (tag == 4) {
-      feature.geometry = pbf.pos;
-    }
-  }
-};
-
-
-/**
- * Read a raw feature from the pbf offset stored at index `i` in the raw layer.
- * @suppress {missingProperties}
- * @private
- * @param {ol.ext.PBF} pbf PBF.
- * @param {Object} layer Raw layer.
- * @param {number} i Index of the feature in the raw layer's `features` array.
- * @return {Object} Raw feature.
- */
-ol.format.MVT.readRawFeature_ = function(pbf, layer, i) {
-  pbf.pos = layer.features[i];
-  var end = pbf.readVarint() + pbf.pos;
-
-  var feature = {
-    layer: layer,
-    type: 0,
-    properties: {}
-  };
-  pbf.readFields(ol.format.MVT.pbfReaders_.feature, feature, end);
-  return feature;
-};
-
-
-/**
- * Read the raw geometry from the pbf offset stored in a raw feature's geometry
- * proeprty.
- * @suppress {missingProperties}
- * @private
- * @param {ol.ext.PBF} pbf PBF.
- * @param {Object} feature Raw feature.
- * @param {Array.<number>} flatCoordinates Array to store flat coordinates in.
- * @param {Array.<number>} ends Array to store ends in.
- */
-ol.format.MVT.readRawGeometry_ = function(pbf, feature, flatCoordinates, ends) {
-  pbf.pos = feature.geometry;
-
-  var end = pbf.readVarint() + pbf.pos;
-  var cmd = 1;
-  var length = 0;
-  var x = 0;
-  var y = 0;
-  var coordsLen = 0;
-  var currentEnd = 0;
-
-  while (pbf.pos < end) {
-    if (!length) {
-      var cmdLen = pbf.readVarint();
-      cmd = cmdLen & 0x7;
-      length = cmdLen >> 3;
-    }
-
-    length--;
-
-    if (cmd === 1 || cmd === 2) {
-      x += pbf.readSVarint();
-      y += pbf.readSVarint();
-
-      if (cmd === 1) { // moveTo
-        if (coordsLen > currentEnd) {
-          ends.push(coordsLen);
-          currentEnd = coordsLen;
-        }
-      }
-
-      flatCoordinates.push(x, y);
-      coordsLen += 2;
-
-    } else if (cmd === 7) {
-
-      if (coordsLen > currentEnd) {
-        // close polygon
-        flatCoordinates.push(
-            flatCoordinates[currentEnd], flatCoordinates[currentEnd + 1]);
-        coordsLen += 2;
-      }
-
-    } else {
-      ol.asserts.assert(false, 59); // Invalid command found in the PBF
-    }
-  }
-
-  if (coordsLen > currentEnd) {
-    ends.push(coordsLen);
-    currentEnd = coordsLen;
-  }
-
-};
-
-
-/**
- * @suppress {missingProperties}
- * @private
- * @param {number} type The raw feature's geometry type
- * @param {number} numEnds Number of ends of the flat coordinates of the
- * geometry.
- * @return {ol.geom.GeometryType} The geometry type.
- */
-ol.format.MVT.getGeometryType_ = function(type, numEnds) {
-  /** @type {ol.geom.GeometryType} */
-  var geometryType;
-  if (type === 1) {
-    geometryType = numEnds === 1 ?
-      ol.geom.GeometryType.POINT : ol.geom.GeometryType.MULTI_POINT;
-  } else if (type === 2) {
-    geometryType = numEnds === 1 ?
-      ol.geom.GeometryType.LINE_STRING :
-      ol.geom.GeometryType.MULTI_LINE_STRING;
-  } else if (type === 3) {
-    geometryType = ol.geom.GeometryType.POLYGON;
-    // MultiPolygon not relevant for rendering - winding order determines
-    // outer rings of polygons.
-  }
-  return geometryType;
-};
-
-/**
- * @private
- * @param {ol.ext.PBF} pbf PBF
- * @param {Object} rawFeature Raw Mapbox feature.
- * @param {olx.format.ReadOptions=} opt_options Read options.
- * @return {ol.Feature|ol.render.Feature} Feature.
- */
-ol.format.MVT.prototype.createFeature_ = function(pbf, rawFeature, opt_options) {
-  var type = rawFeature.type;
-  if (type === 0) {
-    return null;
-  }
-
-  var feature;
-  var id = rawFeature.id;
-  var values = rawFeature.properties;
-  values[this.layerName_] = rawFeature.layer.name;
-
-  var flatCoordinates = [];
-  var ends = [];
-  ol.format.MVT.readRawGeometry_(pbf, rawFeature, flatCoordinates, ends);
-
-  var geometryType = ol.format.MVT.getGeometryType_(type, ends.length);
-
-  if (this.featureClass_ === ol.render.Feature) {
-    feature = new this.featureClass_(geometryType, flatCoordinates, ends, values, id);
-  } else {
-    var geom;
-    if (geometryType == ol.geom.GeometryType.POLYGON) {
-      var endss = [];
-      var offset = 0;
-      var prevEndIndex = 0;
-      for (var i = 0, ii = ends.length; i < ii; ++i) {
-        var end = ends[i];
-        if (!ol.geom.flat.orient.linearRingIsClockwise(flatCoordinates, offset, end, 2)) {
-          endss.push(ends.slice(prevEndIndex, i));
-          prevEndIndex = i;
-        }
-        offset = end;
-      }
-      if (endss.length > 1) {
-        ends = endss;
-        geom = new ol.geom.MultiPolygon(null);
-      } else {
-        geom = new ol.geom.Polygon(null);
-      }
-    } else {
-      geom = geometryType === ol.geom.GeometryType.POINT ? new ol.geom.Point(null) :
-        geometryType === ol.geom.GeometryType.LINE_STRING ? new ol.geom.LineString(null) :
-          geometryType === ol.geom.GeometryType.POLYGON ? new ol.geom.Polygon(null) :
-            geometryType === ol.geom.GeometryType.MULTI_POINT ? new ol.geom.MultiPoint (null) :
-              geometryType === ol.geom.GeometryType.MULTI_LINE_STRING ? new ol.geom.MultiLineString(null) :
-                null;
-    }
-    geom.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates, ends);
-    feature = new this.featureClass_();
-    if (this.geometryName_) {
-      feature.setGeometryName(this.geometryName_);
-    }
-    var geometry = ol.format.Feature.transformWithOptions(geom, false, this.adaptOptions(opt_options));
-    feature.setGeometry(geometry);
-    feature.setId(id);
-    feature.setProperties(values);
-  }
-
-  return feature;
-};
-
-
-/**
- * @inheritDoc
- * @api
- */
-ol.format.MVT.prototype.getLastExtent = function() {
-  return this.extent_;
-};
-
-
 /**
 * @inheritDoc
 */
@@ -348,6 +81,68 @@ ol.format.MVT.prototype.getType = function() {
 };


+/**
+ * @private
+ * @param {Object} rawFeature Raw Mapbox feature.
+ * @param {string} layer Layer.
+ * @param {olx.format.ReadOptions=} opt_options Read options.
+ * @return {ol.Feature} Feature.
+ */
+ol.format.MVT.prototype.readFeature_ = function(
+    rawFeature, layer, opt_options) {
+  var feature = new this.featureClass_();
+  var id = rawFeature.id;
+  var values = rawFeature.properties;
+  values[this.layerName_] = layer;
+  if (this.geometryName_) {
+    feature.setGeometryName(this.geometryName_);
+  }
+  var geometry = ol.format.Feature.transformWithOptions(
+      ol.format.MVT.readGeometry_(rawFeature), false,
+      this.adaptOptions(opt_options));
+  feature.setGeometry(geometry);
+  feature.setId(id);
+  feature.setProperties(values);
+  return feature;
+};
+
+
+/**
+ * @private
+ * @param {Object} rawFeature Raw Mapbox feature.
+ * @param {string} layer Layer.
+ * @return {ol.render.Feature} Feature.
+ */
+ol.format.MVT.prototype.readRenderFeature_ = function(rawFeature, layer) {
+  var coords = rawFeature.loadGeometry();
+  var ends = [];
+  var flatCoordinates = [];
+  ol.format.MVT.calculateFlatCoordinates_(coords, flatCoordinates, ends);
+
+  var type = rawFeature.type;
+  /** @type {ol.geom.GeometryType} */
+  var geometryType;
+  if (type === 1) {
+    geometryType = coords.length === 1 ?
+      ol.geom.GeometryType.POINT : ol.geom.GeometryType.MULTI_POINT;
+  } else if (type === 2) {
+    if (coords.length === 1) {
+      geometryType = ol.geom.GeometryType.LINE_STRING;
+    } else {
+      geometryType = ol.geom.GeometryType.MULTI_LINE_STRING;
+    }
+  } else if (type === 3) {
+    geometryType = ol.geom.GeometryType.POLYGON;
+  }
+
+  var values = rawFeature.properties;
+  values[this.layerName_] = layer;
+  var id = rawFeature.id;
+
+  return new this.featureClass_(geometryType, flatCoordinates, ends, values, id);
+};
+
+
 /**
 * @inheritDoc
 * @api
@@ -356,22 +151,24 @@ ol.format.MVT.prototype.readFeatures = function(source, opt_options) {
  var layers = this.layers_;

  var pbf = new ol.ext.PBF(/** @type {ArrayBuffer} */ (source));
-  var pbfLayers = pbf.readFields(ol.format.MVT.pbfReaders_.layers, {});
-  /** @type {Array.<ol.Feature|ol.render.Feature>} */
+  var tile = new ol.ext.vectortile.VectorTile(pbf);
  var features = [];
-  var pbfLayer;
-  for (var name in pbfLayers) {
+  var featureClass = this.featureClass_;
+  var layer, feature;
+  for (var name in tile.layers) {
    if (layers && layers.indexOf(name) == -1) {
      continue;
    }
-    pbfLayer = pbfLayers[name];
+    layer = tile.layers[name];

-    var rawFeature;
-    for (var i = 0, ii = pbfLayer.length; i < ii; ++i) {
-      rawFeature = ol.format.MVT.readRawFeature_(pbf, pbfLayer, i);
-      features.push(this.createFeature_(pbf, rawFeature));
+    for (var i = 0, ii = layer.length; i < ii; ++i) {
+      if (featureClass === ol.render.Feature) {
+        feature = this.readRenderFeature_(layer.feature(i), name);
+      } else {
+        feature = this.readFeature_(layer.feature(i), name, opt_options);
+      }
+      features.push(feature);
    }
-    this.extent_ = pbfLayer ? [0, 0, pbfLayer.extent, pbfLayer.extent] : null;
  }

  return features;
@@ -397,6 +194,68 @@ ol.format.MVT.prototype.setLayers = function(layers) {
 };


+/**
+ * @private
+ * @param {Object} coords Raw feature coordinates.
+ * @param {Array.<number>} flatCoordinates Flat coordinates to be populated by
+ *     this function.
+ * @param {Array.<number>} ends Ends to be populated by this function.
+ */
+ol.format.MVT.calculateFlatCoordinates_ = function(
+    coords, flatCoordinates, ends) {
+  var end = 0;
+  for (var i = 0, ii = coords.length; i < ii; ++i) {
+    var line = coords[i];
+    var j, jj;
+    for (j = 0, jj = line.length; j < jj; ++j) {
+      var coord = line[j];
+      // Non-tilespace coords can be calculated here when a TileGrid and
+      // TileCoord are known.
+      flatCoordinates.push(coord.x, coord.y);
+    }
+    end += 2 * j;
+    ends.push(end);
+  }
+};
+
+
+/**
+ * @private
+ * @param {Object} rawFeature Raw Mapbox feature.
+ * @return {ol.geom.Geometry} Geometry.
+ */
+ol.format.MVT.readGeometry_ = function(rawFeature) {
+  var type = rawFeature.type;
+  if (type === 0) {
+    return null;
+  }
+
+  var coords = rawFeature.loadGeometry();
+  var ends = [];
+  var flatCoordinates = [];
+  ol.format.MVT.calculateFlatCoordinates_(coords, flatCoordinates, ends);
+
+  var geom;
+  if (type === 1) {
+    geom = coords.length === 1 ?
+      new ol.geom.Point(null) : new ol.geom.MultiPoint(null);
+  } else if (type === 2) {
+    if (coords.length === 1) {
+      geom = new ol.geom.LineString(null);
+    } else {
+      geom = new ol.geom.MultiLineString(null);
+    }
+  } else if (type === 3) {
+    geom = new ol.geom.Polygon(null);
+  }
+
+  geom.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates,
+      ends);
+
+  return geom;
+};
+
+
 /**
 * Not implemented.
 * @override
--- a/src/ol/format/osmxml.js
+++ b/src/ol/format/osmxml.js
@@ -71,14 +71,34 @@ ol.format.OSMXML.readNode_ = function(node, objectStack) {
 * @private
 */
 ol.format.OSMXML.readWay_ = function(node, objectStack) {
+  var options = /** @type {olx.format.ReadOptions} */ (objectStack[0]);
  var id = node.getAttribute('id');
  var values = ol.xml.pushParseAndPop({
-    id: id,
    ndrefs: [],
    tags: {}
  }, ol.format.OSMXML.WAY_PARSERS_, node, objectStack);
  var state = /** @type {Object} */ (objectStack[objectStack.length - 1]);
-  state.ways.push(values);
+  /** @type {Array.<number>} */
+  var flatCoordinates = [];
+  for (var i = 0, ii = values.ndrefs.length; i < ii; i++) {
+    var point = state.nodes[values.ndrefs[i]];
+    ol.array.extend(flatCoordinates, point);
+  }
+  var geometry;
+  if (values.ndrefs[0] == values.ndrefs[values.ndrefs.length - 1]) {
+    // closed way
+    geometry = new ol.geom.Polygon(null);
+    geometry.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates,
+        [flatCoordinates.length]);
+  } else {
+    geometry = new ol.geom.LineString(null);
+    geometry.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates);
+  }
+  ol.format.Feature.transformWithOptions(geometry, false, options);
+  var feature = new ol.Feature(geometry);
+  feature.setId(id);
+  feature.setProperties(values.tags);
+  state.features.push(feature);
 };


@@ -169,34 +189,8 @@ ol.format.OSMXML.prototype.readFeaturesFromNode = function(node, opt_options) {
  if (node.localName == 'osm') {
    var state = ol.xml.pushParseAndPop({
      nodes: {},
-      ways: [],
      features: []
    }, ol.format.OSMXML.PARSERS_, node, [options]);
-    // parse nodes in ways
-    for (var j = 0; j < state.ways.length; j++) {
-      var values = /** @type {Object} */ (state.ways[j]);
-      /** @type {Array.<number>} */
-      var flatCoordinates = [];
-      for (var i = 0, ii = values.ndrefs.length; i < ii; i++) {
-        var point = state.nodes[values.ndrefs[i]];
-        ol.array.extend(flatCoordinates, point);
-      }
-      var geometry;
-      if (values.ndrefs[0] == values.ndrefs[values.ndrefs.length - 1]) {
-        // closed way
-        geometry = new ol.geom.Polygon(null);
-        geometry.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates,
-            [flatCoordinates.length]);
-      } else {
-        geometry = new ol.geom.LineString(null);
-        geometry.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates);
-      }
-      ol.format.Feature.transformWithOptions(geometry, false, options);
-      var feature = new ol.Feature(geometry);
-      feature.setId(values.id);
-      feature.setProperties(values.tags);
-      state.features.push(feature);
-    }
    if (state.features) {
      return state.features;
    }
--- a/src/ol/format/wfs.js
+++ b/src/ol/format/wfs.js
@@ -461,7 +461,6 @@ ol.format.WFS.writeUpdate_ = function(node, feature, objectStack) {
  var featurePrefix = context['featurePrefix'];
  var featureNS = context['featureNS'];
  var typeName = ol.format.WFS.getTypeName_(featurePrefix, featureType);
-  var geometryName = feature.getGeometryName();
  node.setAttribute('typeName', typeName);
  ol.xml.setAttributeNS(node, ol.format.WFS.XMLNS, 'xmlns:' + featurePrefix,
      featureNS);
@@ -472,11 +471,7 @@ ol.format.WFS.writeUpdate_ = function(node, feature, objectStack) {
    for (var i = 0, ii = keys.length; i < ii; i++) {
      var value = feature.get(keys[i]);
      if (value !== undefined) {
-        var name = keys[i];
-        if (value instanceof ol.geom.Geometry) {
-          name = geometryName;
-        }
-        values.push({name: name, value: value});
+        values.push({name: keys[i], value: value});
      }
    }
    ol.xml.pushSerializeAndPop(/** @type {ol.XmlNodeStackItem} */ (
@@ -693,14 +688,12 @@ ol.format.WFS.writeDuringFilter_ = function(node, filter, objectStack) {
 ol.format.WFS.writeLogicalFilter_ = function(node, filter, objectStack) {
  /** @type {ol.XmlNodeStackItem} */
  var item = {node: node};
-  var conditions = filter.conditions;
-  for (var i = 0, ii = conditions.length; i < ii; ++i) {
-    var condition = conditions[i];
+  filter.conditions.forEach(function(condition) {
    ol.xml.pushSerializeAndPop(item,
        ol.format.WFS.GETFEATURE_SERIALIZERS_,
        ol.xml.makeSimpleNodeFactory(condition.getTagName()),
        [condition], objectStack);
-  }
+  });
 };


--- a/src/ol/format/wkt.js
+++ b/src/ol/format/wkt.js
@@ -394,7 +394,6 @@ ol.format.WKT.prototype.writeFeaturesText = function(features, opt_options) {
 *
 * @function
 * @param {ol.geom.Geometry} geometry Geometry.
- * @param {olx.format.WriteOptions=} opt_options Write options.
 * @return {string} WKT string.
 * @api
 */
--- a/src/ol/geom/flat/interiorpoint.js
+++ b/src/ol/geom/flat/interiorpoint.js
@@ -14,8 +14,7 @@ goog.require('ol.geom.flat.contains');
 * @param {Array.<number>} flatCenters Flat centers.
 * @param {number} flatCentersOffset Flat center offset.
 * @param {Array.<number>=} opt_dest Destination.
- * @return {Array.<number>} Destination point as XYM coordinate, where M is the
- * length of the horizontal intersection that the point belongs to.
+ * @return {Array.<number>} Destination.
 */
 ol.geom.flat.interiorpoint.linearRings = function(flatCoordinates, offset,
    ends, stride, flatCenters, flatCentersOffset, opt_dest) {
@@ -62,10 +61,10 @@ ol.geom.flat.interiorpoint.linearRings = function(flatCoordinates, offset,
    pointX = flatCenters[flatCentersOffset];
  }
  if (opt_dest) {
-    opt_dest.push(pointX, y, maxSegmentLength);
+    opt_dest.push(pointX, y);
    return opt_dest;
  } else {
-    return [pointX, y, maxSegmentLength];
+    return [pointX, y];
  }
 };

@@ -76,8 +75,7 @@ ol.geom.flat.interiorpoint.linearRings = function(flatCoordinates, offset,
 * @param {Array.<Array.<number>>} endss Endss.
 * @param {number} stride Stride.
 * @param {Array.<number>} flatCenters Flat centers.
- * @return {Array.<number>} Interior points as XYM coordinates, where M is the
- * length of the horizontal intersection that the point belongs to.
+ * @return {Array.<number>} Interior points.
 */
 ol.geom.flat.interiorpoint.linearRingss = function(flatCoordinates, offset, endss, stride, flatCenters) {
  var interiorPoints = [];
--- a/src/ol/geom/flat/straightchunk.js
+++ b/src/ol/geom/flat/straightchunk.js
@@ -1,49 +0,0 @@
-goog.provide('ol.geom.flat.straightchunk');
-
-
-/**
- * @param {number} maxAngle Maximum acceptable angle delta between segments.
- * @param {Array.<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {number} end End.
- * @param {number} stride Stride.
- * @return {Array.<number>} Start and end of the first suitable chunk of the
- * given `flatCoordinates`.
- */
-ol.geom.flat.straightchunk.lineString = function(maxAngle, flatCoordinates, offset, end, stride) {
-  var chunkStart = offset;
-  var chunkEnd = offset;
-  var chunkM = 0;
-  var m = 0;
-  var start = offset;
-  var acos, i, m12, m23, x1, y1, x12, y12, x23, y23;
-  for (i = offset; i < end; i += stride) {
-    var x2 = flatCoordinates[i];
-    var y2 = flatCoordinates[i + 1];
-    if (x1 !== undefined) {
-      x23 = x2 - x1;
-      y23 = y2 - y1;
-      m23 = Math.sqrt(x23 * x23 + y23 * y23);
-      if (x12 !== undefined) {
-        m += m12;
-        acos = Math.acos((x12 * x23 + y12 * y23) / (m12 * m23));
-        if (acos > maxAngle) {
-          if (m > chunkM) {
-            chunkM = m;
-            chunkStart = start;
-            chunkEnd = i;
-          }
-          m = 0;
-          start = i - stride;
-        }
-      }
-      m12 = m23;
-      x12 = x23;
-      y12 = y23;
-    }
-    x1 = x2;
-    y1 = y2;
-  }
-  m += m23;
-  return m > chunkM ? [start, i] : [chunkStart, chunkEnd];
-};
--- a/src/ol/geom/flat/textpath.js
+++ b/src/ol/geom/flat/textpath.js
@@ -1,75 +0,0 @@
-goog.provide('ol.geom.flat.textpath');
-
-goog.require('ol.math');
-
-
-/**
- * @param {Array.<number>} flatCoordinates Path to put text on.
- * @param {number} offset Start offset of the `flatCoordinates`.
- * @param {number} end End offset of the `flatCoordinates`.
- * @param {number} stride Stride.
- * @param {string} text Text to place on the path.
- * @param {function(string):number} measure Measure function returning the
- * width of the character passed as 1st argument.
- * @param {number} startM m along the path where the text starts.
- * @param {number} maxAngle Max angle between adjacent chars in radians.
- * @param {Array.<Array.<number>>=} opt_result Array that will be populated with the
- * result. Each entry consists of an array of x, y and z of the char to draw.
- * If provided, this array will not be truncated to the number of characters of
- * the `text`.
- * @return {Array.<Array.<number>>} The result array of null if `maxAngle` was
- * exceeded.
- */
-ol.geom.flat.textpath.lineString = function(
-    flatCoordinates, offset, end, stride, text, measure, startM, maxAngle, opt_result) {
-  var result = opt_result ? opt_result : [];
-
-  // Keep text upright
-  var reverse = flatCoordinates[offset] > flatCoordinates[end - stride];
-
-  var numChars = text.length;
-
-  var x1 = flatCoordinates[offset];
-  var y1 = flatCoordinates[offset + 1];
-  offset += stride;
-  var x2 = flatCoordinates[offset];
-  var y2 = flatCoordinates[offset + 1];
-  var segmentM = 0;
-  var segmentLength = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
-
-  var index, previousAngle;
-  for (var i = 0; i < numChars; ++i) {
-    index = reverse ? numChars - i - 1 : i;
-    var char = text[index];
-    var charLength = measure(char);
-    var charM = startM + charLength / 2;
-    while (offset < end - stride && segmentM + segmentLength < charM) {
-      x1 = x2;
-      y1 = y2;
-      offset += stride;
-      x2 = flatCoordinates[offset];
-      y2 = flatCoordinates[offset + 1];
-      segmentM += segmentLength;
-      segmentLength = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
-    }
-    var segmentPos = charM - segmentM;
-    var angle = Math.atan2(y2 - y1, x2 - x1);
-    if (reverse) {
-      angle += angle > 0 ? -Math.PI : Math.PI;
-    }
-    if (previousAngle !== undefined) {
-      var delta = angle - previousAngle;
-      delta += (delta > Math.PI) ? -2 * Math.PI : (delta < -Math.PI) ? 2 * Math.PI : 0;
-      if (Math.abs(delta) > maxAngle) {
-        return null;
-      }
-    }
-    previousAngle = angle;
-    var interpolate = segmentPos / segmentLength;
-    var x = ol.math.lerp(x1, x2, interpolate);
-    var y = ol.math.lerp(y1, y2, interpolate);
-    result[index] = [x, y, angle];
-    startM += charLength;
-  }
-  return result;
-};
--- a/src/ol/geom/geometry.js
+++ b/src/ol/geom/geometry.js
@@ -4,10 +4,7 @@ goog.require('ol');
 goog.require('ol.Object');
 goog.require('ol.extent');
 goog.require('ol.functions');
-goog.require('ol.geom.flat.transform');
 goog.require('ol.proj');
-goog.require('ol.proj.Units');
-goog.require('ol.transform');


 /**
@@ -58,12 +55,6 @@ ol.geom.Geometry = function() {
   */
  this.simplifiedGeometryRevision = 0;

-  /**
-   * @private
-   * @type {ol.Transform}
-   */
-  this.tmpTransform_ = ol.transform.create();
-
 };
 ol.inherits(ol.geom.Geometry, ol.Object);

@@ -253,22 +244,6 @@ ol.geom.Geometry.prototype.translate = function(deltaX, deltaY) {};
 * @api
 */
 ol.geom.Geometry.prototype.transform = function(source, destination) {
-  var tmpTransform = this.tmpTransform_;
-  source = ol.proj.get(source);
-  var transformFn = source.getUnits() == ol.proj.Units.TILE_PIXELS ?
-    function(inCoordinates, outCoordinates, stride) {
-      var pixelExtent = source.getExtent();
-      var projectedExtent = source.getWorldExtent();
-      var scale = ol.extent.getHeight(projectedExtent) / ol.extent.getHeight(pixelExtent);
-      ol.transform.compose(tmpTransform,
-          projectedExtent[0], projectedExtent[3],
-          scale, -scale, 0,
-          0, 0);
-      ol.geom.flat.transform.transform2D(inCoordinates, 0, inCoordinates.length, stride,
-          tmpTransform, outCoordinates);
-      return ol.proj.getTransform(source, destination)(inCoordinates, outCoordinates, stride);
-    } :
-    ol.proj.getTransform(source, destination);
-  this.applyTransform(transformFn);
+  this.applyTransform(ol.proj.getTransform(source, destination));
  return this;
 };
--- a/src/ol/geom/multipolygon.js
+++ b/src/ol/geom/multipolygon.js
@@ -223,13 +223,12 @@ ol.geom.MultiPolygon.prototype.getFlatInteriorPoints = function() {

 /**
 * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
- * @return {ol.geom.MultiPoint} Interior points as XYM coordinates, where M is
- * the length of the horizontal intersection that the point belongs to.
+ * @return {ol.geom.MultiPoint} Interior points.
 * @api
 */
 ol.geom.MultiPolygon.prototype.getInteriorPoints = function() {
  var interiorPoints = new ol.geom.MultiPoint(null);
-  interiorPoints.setFlatCoordinates(ol.geom.GeometryLayout.XYM,
+  interiorPoints.setFlatCoordinates(ol.geom.GeometryLayout.XY,
      this.getFlatInteriorPoints().slice());
  return interiorPoints;
 };
--- a/src/ol/geom/polygon.js
+++ b/src/ol/geom/polygon.js
@@ -210,12 +210,11 @@ ol.geom.Polygon.prototype.getFlatInteriorPoint = function() {

 /**
 * Return an interior point of the polygon.
- * @return {ol.geom.Point} Interior point as XYM coordinate, where M is the
- * length of the horizontal intersection that the point belongs to.
+ * @return {ol.geom.Point} Interior point.
 * @api
 */
 ol.geom.Polygon.prototype.getInteriorPoint = function() {
-  return new ol.geom.Point(this.getFlatInteriorPoint(), ol.geom.GeometryLayout.XYM);
+  return new ol.geom.Point(this.getFlatInteriorPoint());
 };


--- a/Show More
+++ b/Show More