diff --git a/capture-map-area/demo.html b/capture-map-area/demo.html
index a5dfda8..4d89007 100644
--- a/capture-map-area/demo.html
+++ b/capture-map-area/demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>  
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -24,9 +24,9 @@ <h1>Take a Snapshot of the Map</h1>
     <div id="map"></div>
     <div id="panel"></div>
     <h3>Code</h3>
-    <p>Snapshot functionality belongs to the  <code>mapsjs-core</code> module of the API. 
-      The <code>capture</code> method of the <code>H.Map</code> class takes as an argument callback 
-      function that is executed when snapshot is ready, instance of <code>H.ui.UI</code> class 
+    <p>Snapshot functionality belongs to the  <code>mapsjs-core</code> module of the API.
+      The <code>capture</code> method of the <code>H.Map</code> class takes as an argument callback
+      function that is executed when snapshot is ready, instance of <code>H.ui.UI</code> class
       to add the scale bar to the output, and top/left <code>(50,50)</code>-bottom/right <code>(500,200)</code> coordinates to specify the area of the map to capture.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/change-harp-style-at-load/demo.html b/change-harp-style-at-load/demo.html
index 1ca560f..a287687 100644
--- a/change-harp-style-at-load/demo.html
+++ b/change-harp-style-at-load/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/circle-on-the-map/demo.html b/circle-on-the-map/demo.html
index 68ed0d3..9b6d925 100644
--- a/circle-on-the-map/demo.html
+++ b/circle-on-the-map/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -22,8 +22,8 @@ <h1>Circle on the Map</h1>
     <p>This example shows a circle with a radius of 1000 meters centered over a location in <b>New Delhi</b> <i>(28.6071°N, 77.2127°E)</i> and displayed on a moveable map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A circle is created using the <code>H.map.Circle</code> class, 
-      passing in the center point and radius. The look-and-feel of the circle 
+    <p>A circle is created using the <code>H.map.Circle</code> class,
+      passing in the center point and radius. The look-and-feel of the circle
       can be altered by adding the <code>style</code> parameter
       </p>
     <script type="text/javascript" src='demo.js'></script>
diff --git a/context-menu/demo.html b/context-menu/demo.html
index 85feae3..2ef16f6 100644
--- a/context-menu/demo.html
+++ b/context-menu/demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/custom-cluster-theme/demo.html b/custom-cluster-theme/demo.html
index d8fd8e5..1c84413 100644
--- a/custom-cluster-theme/demo.html
+++ b/custom-cluster-theme/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -47,7 +47,7 @@
       .bubble a:hover {
           text-decoration: underline;
       }
-      
+
       .bubble hr {
           margin: 5px 0px;
       }
@@ -58,17 +58,17 @@
         <h1>Marker Clustering with Custom Theme</h1>
         <p>Cluster multiple markers and customize the theme</p>
     </div>
-    <p>This example displays a map showing geo-tagged clusters of photographs 
+    <p>This example displays a map showing geo-tagged clusters of photographs
       taken from locations around the world. The <a href="http://commons.wikimedia.org/wiki/Main_Page" target="_blank">Wikimedia Commons</a>
       website was used to provide a source of data of geo-tagged images.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API. The 
+    <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API. The
       <code>H.clustering.Provider</code> class is used to load in data points and prepare them for clustering. </p>
-    <p>Customizing the default look-and-feel of the <code>clusters</code> and <code>noise</code> points is 
-      very easy. When instantiating the <code>H.clustering.Provider</code>, a <code>theme</code> object holding two methods - 
-      <code>getClusterPresentation()</code> and <code>getNoisePresentation()</code> - is passed as an additional parameter 
-      into the constructor. Both <code>theme</code> methods must return an <code>H.map.Object</code> such as a marker or polygon etc. 
+    <p>Customizing the default look-and-feel of the <code>clusters</code> and <code>noise</code> points is
+      very easy. When instantiating the <code>H.clustering.Provider</code>, a <code>theme</code> object holding two methods -
+      <code>getClusterPresentation()</code> and <code>getNoisePresentation()</code> - is passed as an additional parameter
+      into the constructor. Both <code>theme</code> methods must return an <code>H.map.Object</code> such as a marker or polygon etc.
       More information can be found in the API Reference.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/custom-tile-overlay/demo.html b/custom-tile-overlay/demo.html
index 2759b22..57113e2 100644
--- a/custom-tile-overlay/demo.html
+++ b/custom-tile-overlay/demo.html
@@ -12,7 +12,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-mapevents.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
   </head>
   <body>
     <div class="page-header">
diff --git a/custom-zooming-into-bounds/demo.html b/custom-zooming-into-bounds/demo.html
index 912f89d..cd1b3f6 100644
--- a/custom-zooming-into-bounds/demo.html
+++ b/custom-zooming-into-bounds/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Zoom into Bounds</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -20,7 +20,7 @@
         <h1>Zoom into Bounds</h1>
         <p>Zoom into bounds limiting maximum level</p>
     </div>
-    <p>This example displays circles on the map, which denote cities' population. By clicking on each circle you can zoom into it, 
+    <p>This example displays circles on the map, which denote cities' population. By clicking on each circle you can zoom into it,
       but with different maximum zoom levels, depending on the circle size.</p>
     <div id="map"></div>
     <h3>Code</h3>
diff --git a/display-geojson-on-map/demo.html b/display-geojson-on-map/demo.html
index 588c291..b26e014 100644
--- a/display-geojson-on-map/demo.html
+++ b/display-geojson-on-map/demo.html
@@ -13,7 +13,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-data.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>     
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
   </head>
   <body>
     <h1>Display GeoJSON Data</h1>
diff --git a/display-kml-on-map/demo.html b/display-kml-on-map/demo.html
index 9d5c24d..3d2ea96 100644
--- a/display-kml-on-map/demo.html
+++ b/display-kml-on-map/demo.html
@@ -13,7 +13,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-data.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <style type="text/css">
       .log {
         position: absolute;
diff --git a/dom-marker-rotation/demo.html b/dom-marker-rotation/demo.html
index 0bc286a..1401835 100644
--- a/dom-marker-rotation/demo.html
+++ b/dom-marker-rotation/demo.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/draggable-marker/demo.html b/draggable-marker/demo.html
index 626d5b1..a789a2d 100644
--- a/draggable-marker/demo.html
+++ b/draggable-marker/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -22,8 +22,8 @@ <h1>Draggable Marker</h1>
     <p>This example displays a moveable map of <b>Boston</b>, including a marker. The marker can also be moved around the map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>Default markers are created by using the <code>H.map.Marker</code> class without specifying an icon and passing in a location only. 
-      To respond to drag events the <code>marker.draggable</code> flag needs to be set. The default panning interaction of the 
+    <p>Default markers are created by using the <code>H.map.Marker</code> class without specifying an icon and passing in a location only.
+      To respond to drag events the <code>marker.draggable</code> flag needs to be set. The default panning interaction of the
       map (<code>H.mapevents.Behavior</code>) must be disabled whilst the <code>drag</code> event is in operation.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/draggable-shapes/demo.html b/draggable-shapes/demo.html
index dee8cdb..849e7aa 100644
--- a/draggable-shapes/demo.html
+++ b/draggable-shapes/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/extruded-objects/demo.html b/extruded-objects/demo.html
index 6b06ea5..667b2d1 100644
--- a/extruded-objects/demo.html
+++ b/extruded-objects/demo.html
@@ -3,12 +3,12 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Extruded geoshapes</title>
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-mapevents.js"></script>
@@ -22,7 +22,7 @@ <h1>Extruded geoshapes</h1>
     <p>This example displays an extruded polygon and circle located in the central Paris and displayed on a moveable map. Hold Alt+Left mouse button to tilt and rotate the map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A polygon is created using the <code>H.map.Polygon</code> class, 
+    <p>A polygon is created using the <code>H.map.Polygon</code> class,
       passing in an <code>H.geo.LineString</code> holding the vertices of the polygon. The circle is created with the  <codeph>H.map.Circle</codeph>
       class, passing in a center and the radius of the circle. The extrusion of both objects is defined by the <codeph>extrude</codeph> optional parameter.</p>
     <script type="text/javascript" src='demo.js'></script>
diff --git a/finding-the-nearest-marker/demo.html b/finding-the-nearest-marker/demo.html
index cc2d564..c9b7684 100644
--- a/finding-the-nearest-marker/demo.html
+++ b/finding-the-nearest-marker/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Finding the Nearest Marker</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/geocode-a-location-from-address/demo.html b/geocode-a-location-from-address/demo.html
index f7d9c9c..7be7663 100644
--- a/geocode-a-location-from-address/demo.html
+++ b/geocode-a-location-from-address/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/geocode-a-location-from-structured-address/demo.html b/geocode-a-location-from-structured-address/demo.html
index e4fa03c..9eac8c5 100644
--- a/geocode-a-location-from-structured-address/demo.html
+++ b/geocode-a-location-from-structured-address/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/image-overlay/demo.html b/image-overlay/demo.html
index 039aa6a..5dcfe44 100644
--- a/image-overlay/demo.html
+++ b/image-overlay/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -23,7 +23,7 @@ <h1>Image overlay</h1>
     <p>This example shows a rectangular area with the animated weather map over the North Atlantic and Europe.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>An animated rectangular area is created using the <code>H.map.Overlay</code> class, passing in an 
+    <p>An animated rectangular area is created using the <code>H.map.Overlay</code> class, passing in an
       <code>H.geo.Rect</code> holding the top-left and bottom-right points of the rectangle. The overlay's bitmap is updated
       with the help of the <code>setBitmap</code> method.
     </p>
diff --git a/indoor-map-movement/demo.html b/indoor-map-movement/demo.html
index 2978ac1..3fc2d21 100644
--- a/indoor-map-movement/demo.html
+++ b/indoor-map-movement/demo.html
@@ -13,7 +13,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-venues.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <style type="text/css">
       .log {
         position: absolute;
diff --git a/indoor-map-ui-interaction/demo.html b/indoor-map-ui-interaction/demo.html
index 3988d1b..63cc24d 100644
--- a/indoor-map-ui-interaction/demo.html
+++ b/indoor-map-ui-interaction/demo.html
@@ -13,7 +13,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-venues.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <style type="text/css">
       .log {
         position: absolute;
diff --git a/indoor-map/demo.html b/indoor-map/demo.html
index 7be3cc1..afcde2a 100644
--- a/indoor-map/demo.html
+++ b/indoor-map/demo.html
@@ -13,7 +13,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-venues.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <style type="text/css">
       .log {
         position: absolute;
diff --git a/interactive-basemap/demo.html b/interactive-basemap/demo.html
index 2f6036b..0393207 100644
--- a/interactive-basemap/demo.html
+++ b/interactive-basemap/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-at-specified-location/demo.html b/map-at-specified-location/demo.html
index 75de68b..36ceaac 100644
--- a/map-at-specified-location/demo.html
+++ b/map-at-specified-location/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Map at a specified location</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-multi-language-support/demo.html b/map-multi-language-support/demo.html
index 72891af..c098cee 100644
--- a/map-multi-language-support/demo.html
+++ b/map-multi-language-support/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-object-events-displayed/demo.html b/map-object-events-displayed/demo.html
index ef6fdfd..e72b29b 100644
--- a/map-object-events-displayed/demo.html
+++ b/map-object-events-displayed/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -44,8 +44,8 @@ <h1>Map Objects Events</h1>
     <p>This example shows how to attach listeners to pointer events such as <code>pointerup</code>, <code>pointerdown</code> and <code>tap</code> to various map objects.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>Enabling pointer events on <code>H.map.Object</code> elements requires the presence of the 
-      <code>mapsjs-mapevents</code> module of the API. Every <code>H.map.Object</code> implements the 
+    <p>Enabling pointer events on <code>H.map.Object</code> elements requires the presence of the
+      <code>mapsjs-mapevents</code> module of the API. Every <code>H.map.Object</code> implements the
       <code>addEventListener()</code> method, which is used for attaching event listeners.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/map-objects-event-delegation/demo.html b/map-objects-event-delegation/demo.html
index c4ab36d..40a6ecb 100644
--- a/map-objects-event-delegation/demo.html
+++ b/map-objects-event-delegation/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -44,10 +44,10 @@ <h1>Map Objects Event Delegation</h1>
     <p>This example shows how to use a single function to listen to the <code>tap</code> event across multiple map objects held within the same object container.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>All <code>H.map.Object</code> elements such as a marker or polygon, along with the 
-      <code>H.map.Group</code> container class implement the <code>addEventListener()</code> 
+    <p>All <code>H.map.Object</code> elements such as a marker or polygon, along with the
+      <code>H.map.Group</code> container class implement the <code>addEventListener()</code>
       method, which is used when attaching an event listener.</p>
-    <p>When a <code>tap</code> event occurs, the fired event is an instance of the <code>H.util.Event</code> 
+    <p>When a <code>tap</code> event occurs, the fired event is an instance of the <code>H.util.Event</code>
       class and therefore contains a <code>target</code> property which is the map object clicked.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/map-scale-bar-changing-from-the-metric-system/demo.html b/map-scale-bar-changing-from-the-metric-system/demo.html
index dec92a4..16b9b57 100644
--- a/map-scale-bar-changing-from-the-metric-system/demo.html
+++ b/map-scale-bar-changing-from-the-metric-system/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-using-view-bounds/demo.html b/map-using-view-bounds/demo.html
index 05047c2..efc6650 100644
--- a/map-using-view-bounds/demo.html
+++ b/map-using-view-bounds/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-custom-map-settings-ui-control/demo.html b/map-with-custom-map-settings-ui-control/demo.html
index 6ec0986..96f8516 100644
--- a/map-with-custom-map-settings-ui-control/demo.html
+++ b/map-with-custom-map-settings-ui-control/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-dom-marker/demo.html b/map-with-dom-marker/demo.html
index 004bc3f..6beeb7d 100644
--- a/map-with-dom-marker/demo.html
+++ b/map-with-dom-marker/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>DOM Marker</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -20,10 +20,10 @@
         <h1>DOM Marker</h1>
         <p>Display a marker that is capable of receiving DOM events</p>
     </div>
-    <p>This example displays a movable map of <b>Chicago</b> with a single marker 
-      highlighting the location of Soldier Field <i>(41.8625°N, 87.6166°W)</i>, 
+    <p>This example displays a movable map of <b>Chicago</b> with a single marker
+      highlighting the location of Soldier Field <i>(41.8625°N, 87.6166°W)</i>,
       home of the Chicago Bears. Marker displays the letter C in the correct club colors.</p>
-    <p>The marker is capable of receiving DOM (Document Object Model) events such as <code>mouseenter</code>, 
+    <p>The marker is capable of receiving DOM (Document Object Model) events such as <code>mouseenter</code>,
       <code>mouseleave</code> etc. The marker will fade if the mouse pointer is placed over it.</p>
     <div id="map"></div>
     <h3>Code</h3>
diff --git a/map-with-isoline-route/demo.html b/map-with-isoline-route/demo.html
index a76aeba..6c066a7 100644
--- a/map-with-isoline-route/demo.html
+++ b/map-with-isoline-route/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-pedestrian-route-from-a-to-b/demo.html b/map-with-pedestrian-route-from-a-to-b/demo.html
index d04cc7f..3c80acd 100644
--- a/map-with-pedestrian-route-from-a-to-b/demo.html
+++ b/map-with-pedestrian-route-from-a-to-b/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-route-from-a-to-b-using-public-transport/demo.html b/map-with-route-from-a-to-b-using-public-transport/demo.html
index 068d46b..13c9aa3 100644
--- a/map-with-route-from-a-to-b-using-public-transport/demo.html
+++ b/map-with-route-from-a-to-b-using-public-transport/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-route-from-a-to-b/demo.html b/map-with-route-from-a-to-b/demo.html
index 5fb1fc5..db8eb99 100644
--- a/map-with-route-from-a-to-b/demo.html
+++ b/map-with-route-from-a-to-b/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/map-with-svg-graphic-markers/demo.html b/map-with-svg-graphic-markers/demo.html
index 622c787..c386ddc 100644
--- a/map-with-svg-graphic-markers/demo.html
+++ b/map-with-svg-graphic-markers/demo.html
@@ -3,27 +3,27 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Display a map with custom SVG markers</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-mapevents.js"></script>
   </head>
   <body id="markers-on-the-map">
-    
+
     <div class="page-header">
         <h1>SVG Graphic Markers</h1>
         <p>Display a map with custom SVG markers</p>
     </div>
-    <p>This example displays a movable map of <b>Chicago</b> with two individually 
+    <p>This example displays a movable map of <b>Chicago</b> with two individually
       colored SVG markers highlighting the location of <b>Soldier Field</b> <i>(41.8625°N, 87.6166°W)</i>
-      and <b>Wrigley Field</b> <i>(41.9483°N, 87.6555°W)</i>. These locations are the home of the 
+      and <b>Wrigley Field</b> <i>(41.9483°N, 87.6555°W)</i>. These locations are the home of the
       Chicago Bears and Chicago Cubs respectively, and each marker displays the letter <b>C</b> in the correct club colors.</p>
     <div id="map"></div>
     <script type="text/javascript" src='demo.js'></script>
diff --git a/marker-clustering/demo.html b/marker-clustering/demo.html
index dc26a57..7cf362e 100644
--- a/marker-clustering/demo.html
+++ b/marker-clustering/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -22,15 +22,15 @@
         <h1>Marker Clustering</h1>
         <p>Cluster multiple markers together to better visualize the data</p>
     </div>
-    <p>This example displays a map showing the distribution of 
-        airports across the world. The locations were obtained by using 
-        the <a href="http://openflights.org/data.html" target="_blank">OpenFlights Airport Database</a>. 
-        Instead of adding a marker for each location, the data has been clustered, 
+    <p>This example displays a map showing the distribution of
+        airports across the world. The locations were obtained by using
+        the <a href="http://openflights.org/data.html" target="_blank">OpenFlights Airport Database</a>.
+        Instead of adding a marker for each location, the data has been clustered,
         and individual airports are only shown at higher zoom levels.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API. 
-      The <code>H.clustering.Provider</code> class is used to load in data points and prepare them for clustering. 
+    <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API.
+      The <code>H.clustering.Provider</code> class is used to load in data points and prepare them for clustering.
       The result is added to the map as an additional layer using the <code>map.addLayer()</code> method.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/markers-on-the-map/demo.html b/markers-on-the-map/demo.html
index cfc8eb8..8e7220a 100644
--- a/markers-on-the-map/demo.html
+++ b/markers-on-the-map/demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/markers-update-position-with-animation/demo.html b/markers-update-position-with-animation/demo.html
index aad6a2e..1105ded 100644
--- a/markers-update-position-with-animation/demo.html
+++ b/markers-update-position-with-animation/demo.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/markers-with-altitude/demo.html b/markers-with-altitude/demo.html
index cef4fa7..4764afa 100644
--- a/markers-with-altitude/demo.html
+++ b/markers-with-altitude/demo.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/open-infobubble/demo.html b/open-infobubble/demo.html
index f99d3a0..f600188 100644
--- a/open-infobubble/demo.html
+++ b/open-infobubble/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -19,12 +19,12 @@
         <h1>Opening an Infobubble on a Mouse Click</h1>
         <p>Open an infobubble when a marker is clicked</p>
     </div>
-    <p>This example displays a map with two markers showing the position 
-      of <b>Liverpool</b> and <b>Manchester City</b> football clubs. Clicking on a 
+    <p>This example displays a map with two markers showing the position
+      of <b>Liverpool</b> and <b>Manchester City</b> football clubs. Clicking on a
       marker opens an infobubble which holds HTML content related to the marker.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>Infobubble opens on <code>tap</code> event, event delegation is used to add event listener to the group that holds markers. 
+    <p>Infobubble opens on <code>tap</code> event, event delegation is used to add event listener to the group that holds markers.
       <code>setData/getData</code> methods on the map objects are used to bind custom data.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/ordering-overlapping-markers/demo.html b/ordering-overlapping-markers/demo.html
index 7a39771..80fa991 100644
--- a/ordering-overlapping-markers/demo.html
+++ b/ordering-overlapping-markers/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Ordering Overlapping Markers</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/panning-the-map/demo.html b/panning-the-map/demo.html
index 822d8ef..571fb7e 100644
--- a/panning-the-map/demo.html
+++ b/panning-the-map/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>    
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/polygon-on-the-map/demo.html b/polygon-on-the-map/demo.html
index 4457262..d4cae4d 100644
--- a/polygon-on-the-map/demo.html
+++ b/polygon-on-the-map/demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/polygon-with-holes-on-the-map/demo.html b/polygon-with-holes-on-the-map/demo.html
index ca723d5..59e5cf6 100644
--- a/polygon-with-holes-on-the-map/demo.html
+++ b/polygon-with-holes-on-the-map/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Polygon with Holes on the Map</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -23,8 +23,8 @@ <h1>Polygon with Holes on the Map</h1>
     <p>This example displays a polygon with two triangular holes in it covering part of Western Europe displayed on a moveable map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A polygon is created using the <code>H.map.Polygon</code> class, passing in an 
-      <code>H.geo.Polygon</code> holding the vertices for the outline and interior parts of the polygon. 
+    <p>A polygon is created using the <code>H.map.Polygon</code> class, passing in an
+      <code>H.geo.Polygon</code> holding the vertices for the outline and interior parts of the polygon.
       The look-and-feel of the polygon can be altered by adding the <code>style</code> parameter</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/polyline-on-the-map/demo.html b/polyline-on-the-map/demo.html
index 847e7fc..09b1ebe 100644
--- a/polyline-on-the-map/demo.html
+++ b/polyline-on-the-map/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -19,12 +19,12 @@
         <h1>Polyline on the Map</h1>
         <p>Display a map highlighting a region or area</p>
     </div>
-    <p>This example displays a line connecting the cities of <b>Dublin</b> <i>(53.3477°N, 6.2597°W)</i>, 
-      <b>London</b> <i>(51.5008°N, 0.1224°W)</i>, <b>Paris</b> <i>(48.8567°N, 2.3508°E)</i> and 
+    <p>This example displays a line connecting the cities of <b>Dublin</b> <i>(53.3477°N, 6.2597°W)</i>,
+      <b>London</b> <i>(51.5008°N, 0.1224°W)</i>, <b>Paris</b> <i>(48.8567°N, 2.3508°E)</i> and
       <b>Berlin</b> <i>(52.5166°N, 13.3833°E)</i> and displays it on the map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A polyline is created using the <code>H.map.Polyline</code> class, passing in an 
+    <p>A polyline is created using the <code>H.map.Polyline</code> class, passing in an
       <code>H.geo.LineString</code> holding the points of the line. The look-and-feel of the polyline can be altered by adding the style parameter</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/position-on-mouse-click/demo.html b/position-on-mouse-click/demo.html
index 770c54a..735dde2 100644
--- a/position-on-mouse-click/demo.html
+++ b/position-on-mouse-click/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -45,7 +45,7 @@ <h1>Calculating a Location from a Mouse Click</h1>
     <p>This example displays a map of the world. Clicking on the map displays an alert box containing the latitude and longitude of the location pressed.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>The <code>tap</code> event holds the x and y screen coordinates of the location clicked. 
+    <p>The <code>tap</code> event holds the x and y screen coordinates of the location clicked.
       These are converted to a latitude and longitude using the <code>map.screenToGeo()</code> method.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/rectangle-on-the-map/demo.html b/rectangle-on-the-map/demo.html
index c6ae375..a9ce24c 100644
--- a/rectangle-on-the-map/demo.html
+++ b/rectangle-on-the-map/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -23,7 +23,7 @@ <h1>Rectangle on the map</h1>
     <p>This example shows a rectangle covering part of <b>Western Europe</b> displayed on a moveable map.</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A rectangle is created using the <code>H.map.Rect</code> class, passing in an 
+    <p>A rectangle is created using the <code>H.map.Rect</code> class, passing in an
       <code>H.geo.Rect</code> holding the top-left and bottom-right points of the rectangle.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/resizable-circle/demo.html b/resizable-circle/demo.html
index 13f047f..63dafc1 100644
--- a/resizable-circle/demo.html
+++ b/resizable-circle/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/resizable-polygon/demo.html b/resizable-polygon/demo.html
index 016b132..a496816 100644
--- a/resizable-polygon/demo.html
+++ b/resizable-polygon/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/resizable-polyline/demo.html b/resizable-polyline/demo.html
index 05323bc..aa8718a 100644
--- a/resizable-polyline/demo.html
+++ b/resizable-polyline/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/resizable-rect/demo.html b/resizable-rect/demo.html
index 48c42db..622f3fe 100644
--- a/resizable-rect/demo.html
+++ b/resizable-rect/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/restrict-map/demo.html b/restrict-map/demo.html
index be33263..c96abb6 100644
--- a/restrict-map/demo.html
+++ b/restrict-map/demo.html
@@ -3,13 +3,13 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-    
+
     <title>Restrict Map Movement</title>
     <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -21,11 +21,11 @@
         <h1>Restrict Map Movement</h1>
         <p>Restrict a moveable map to a given rectangular area</p>
     </div>
-    <p>This example displays a moveable map of <b>Alcatraz Island</b>. Even though the map can still be panned and zoomed, 
+    <p>This example displays a moveable map of <b>Alcatraz Island</b>. Even though the map can still be panned and zoomed,
       the center of the map cannot be moved outside of the marked area</p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>The <code>H.map.ViewModel</code> represents the position of the map. The <code>sync</code> event is fired whenever 
+    <p>The <code>H.map.ViewModel</code> represents the position of the map. The <code>sync</code> event is fired whenever
       the rendered map is synchronized with the view-model data. By listening to the sync event the value of the <code>map.center</code> can be restricted to a certain range.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>
diff --git a/reverse-geocode-an-address-from-location/demo.html b/reverse-geocode-an-address-from-location/demo.html
index 4ddb16f..2451b7e 100644
--- a/reverse-geocode-an-address-from-location/demo.html
+++ b/reverse-geocode-an-address-from-location/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/search-for-landmark/demo.html b/search-for-landmark/demo.html
index 70978f1..f7e9be8 100644
--- a/search-for-landmark/demo.html
+++ b/search-for-landmark/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/search-match-fts/demo.html b/search-match-fts/demo.html
index 2e3e353..36e0008 100644
--- a/search-match-fts/demo.html
+++ b/search-match-fts/demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/synchronising-two-maps/demo.html b/synchronising-two-maps/demo.html
index 201e51c..33adc00 100644
--- a/synchronising-two-maps/demo.html
+++ b/synchronising-two-maps/demo.html
@@ -13,7 +13,7 @@
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
   </head>
   <body>
 
diff --git a/tilted-map-bounds/demo.html b/tilted-map-bounds/demo.html
index be18549..b7466f5 100644
--- a/tilted-map-bounds/demo.html
+++ b/tilted-map-bounds/demo.html
@@ -12,7 +12,7 @@
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-mapevents.js"></script>
   <link rel="stylesheet" type="text/css" href="demo.css" />
   <link rel="stylesheet" type="text/css" href="styles.css" />
-  <script type="text/javascript" src='../test-credentials.js'></script>
+  <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
 </head>
 <body>
 
diff --git a/truck-routing-road-restrictions/demo.html b/truck-routing-road-restrictions/demo.html
index c614bc2..4087cff 100644
--- a/truck-routing-road-restrictions/demo.html
+++ b/truck-routing-road-restrictions/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
diff --git a/zoom-to-set-of-markers/demo.html b/zoom-to-set-of-markers/demo.html
index 8637e6f..38f83b4 100644
--- a/zoom-to-set-of-markers/demo.html
+++ b/zoom-to-set-of-markers/demo.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <link rel="stylesheet" type="text/css" href="../template.css" />
-    <script type="text/javascript" src='../test-credentials.js'></script>
+    <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
@@ -19,12 +19,12 @@
         <h1>Zooming to a Set of Markers</h1>
         <p>Alter the viewport to ensure a group of objects are visible</p>
     </div>
-    <p>This examples adds three markers showing the locations of 
+    <p>This examples adds three markers showing the locations of
       <b>Boston</b>, <b>Washington</b> and <b>Toronto</b> to the map and alters the map display to ensure that all of the markers are visible.</p>
     <div id="map"></div>
     <h3>Code</h3>
     <p>An <code>H.map.Group</code> is used to associate the markers together and the <code>group.getBounds()</code>
-      method to find the minimal bounding box holding all of the group's contents. 
+      method to find the minimal bounding box holding all of the group's contents.
       The <code>map.viewBounds()</code> can then be updated.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>