Fixed link to test-credentials.js from relative to absolute

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>

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>

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>

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>

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>

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">

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>

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>

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;

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>

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>

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>

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>

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>

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>

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>

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>

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;

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;