From dabfe40700f1bbdd4afbfab3e2599e27e65bf589 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maximilian=20Kr=C3=B6g?= <maxi_kroeg@web.de>
Date: Sat, 8 May 2021 02:15:43 +0200
Subject: [PATCH] Fix error in view-padding example

An error occured when the buttons are clicked before the source is loaded.
---
 examples/view-padding.js | 42 +++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/examples/view-padding.js b/examples/view-padding.js
index ee5b7936d1..07c872bf89 100644
--- a/examples/view-padding.js
+++ b/examples/view-padding.js
@@ -50,24 +50,26 @@ const map = new Map({
   view: view,
 });
 
-const zoomtoswitzerland = document.getElementById('zoomtoswitzerland');
-zoomtoswitzerland.addEventListener(
-  'click',
-  function () {
-    const feature = source.getFeatures()[0];
-    const polygon = feature.getGeometry();
-    view.fit(polygon);
-  },
-  false
-);
+vectorLayer.getSource().on('featuresloadend', function () {
+  const zoomtoswitzerland = document.getElementById('zoomtoswitzerland');
+  zoomtoswitzerland.addEventListener(
+    'click',
+    function () {
+      const feature = source.getFeatures()[0];
+      const polygon = feature.getGeometry();
+      view.fit(polygon);
+    },
+    false
+  );
 
-const centerlausanne = document.getElementById('centerlausanne');
-centerlausanne.addEventListener(
-  'click',
-  function () {
-    const feature = source.getFeatures()[1];
-    const point = feature.getGeometry();
-    view.setCenter(point.getCoordinates());
-  },
-  false
-);
+  const centerlausanne = document.getElementById('centerlausanne');
+  centerlausanne.addEventListener(
+    'click',
+    function () {
+      const feature = source.getFeatures()[1];
+      const point = feature.getGeometry();
+      view.setCenter(point.getCoordinates());
+    },
+    false
+  );
+});