Update links after dev portal migration (#151)

* Update links in README and demos

---------

Signed-off-by: Andrii Heonia <[email protected]>

Author: Andrii Heonia

README.md

@@ -1,11 +1,11 @@
 # Maps API for JavaScript
 
-This repository holds a series of JavaScript based examples using the **HERE Maps API for JavaScript**. More information about the API can be found on [developer.here.com](https://developer.here.com/develop/javascript-api) under the JavaScript APIs section.
+This repository holds a series of JavaScript based examples using the **HERE Maps API for JavaScript**. More information about the API can be found on [https://here.com/docs](https://www.here.com/docs/category/here-sdk-for-js) website.
 To run the examples, clone this repo to a folder on your Desktop. Replace the credentials in the **test-credentials.js** file with your own credentials.
 
 > **Note:** In order to get the sample code to work, you **must** replace all instances of `window.apikey` within the code and use your own **HERE** credentials.
 
-> You can obtain a set of credentials from the [Plans Page](https://developer.here.com/plans) on developer.here.com.
+> You can obtain a set of credentials from the [HERE Base Plan Pricing](https://here.com/get-started/pricing) page on here.com.
 
 See the [LICENSE](LICENSE) file in the root of this project for license details.
 

custom-tile-overlay/demo.html

@@ -31,7 +31,7 @@ <h2>Credits</h2>
     </p>
     <h3>Code</h3>
     <p>
-        The example uses the <a target="_blank" rel="nofollow" href="http://developer.here.com/javascript-apis/documentation/v3/maps/topics_api_nlp/h-map-provider-imagetileprovider.html"><code>H.map.provider.ImageTileProvider</code></a> class for fetching our custom tiles. The <code>getUrl()</code> method constructs the URL of the tile for the specified column/row/zoom position. The result is displayed on the map as an additional layer using an instance of the <a target="_blank" rel="nofollow" href="http://developer.here.com/javascript-apis/documentation/v3/maps/topics_api_nlp/h-map-layer-layer.html"><code>H.map.layer.TileLayer</code></a> class which has been created by passing in the image tile provider object.
+        The example uses the <a target="_blank" rel="nofollow" href="https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.map.provider.ImageTileProvider.html"><code>H.map.provider.ImageTileProvider</code></a> class for fetching our custom tiles. The <code>getUrl()</code> method constructs the URL of the tile for the specified column/row/zoom position. The result is displayed on the map as an additional layer using an instance of the <a target="_blank" rel="nofollow" href="https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.map.layer.TileLayer.html"><code>H.map.layer.TileLayer</code></a> class which has been created by passing in the image tile provider object.
     </p>
     <script type="text/javascript" src='demo.js'></script>
   </body>

display-geojson-on-map/demo.js

@@ -1,6 +1,6 @@
 function showGeoJSONData (map) {
   // Create GeoJSON reader which will download the specified file.
-  // Shape of the file was obtained by using HERE Geocoder API.
+  // Shape of the file was obtained by using HERE Geocoding and Search API.
   // It is possible to customize look and feel of the objects.
   var reader = new H.data.geojson.Reader('data/berlin.json', {
     // This function is called each time parser detects a new map object

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='../test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
@@ -19,16 +19,16 @@
         <h1>Search for a Location based on an Address</h1>
         <p>Request a location using a free-form text input and display it on the map.</p>
     </div>
-    <p>This example makes a geocoding request and retrieves the latitude, longitude and 
-      complete address details of <b>200 S Mathilda Ave, Sunnyvale, CA</b> based on a free-form 
+    <p>This example makes a geocoding request and retrieves the latitude, longitude and
+      complete address details of <b>200 S Mathilda Ave, Sunnyvale, CA</b> based on a free-form
       text input. A clickable marker is placed on the location found.</p>
     <div id="map"></div>
     <div id="panel"></div>
     <h3>Code</h3>
     <p>Access to the geocoding service is obtained from the <code>H.service.Platform</code>
-       by calling <code>getSearchService()</code>. The <code>geocode()</code> method is used 
-       to find a location by passing in the relevant <code>q</code> parameter as defined in 
-       <a href="https://developer.here.com/documentation/geocoding-search-api/dev_guide/topics/endpoint-geocode-brief.html" target="_blank">Geocoding and Search API v7</a>. 
+       by calling <code>getSearchService()</code>. The <code>geocode()</code> method is used
+       to find a location by passing in the relevant <code>q</code> parameter as defined in
+       <a href="https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get" target="_blank">Geocoding and Search API v7</a>.
        The styling and display of the response is under the control of the developer.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>

geocode-a-location-from-address/demo.js

@@ -4,7 +4,7 @@
  *
  *
  * A full list of available request parameters can be found in the Geocoder API documentation.
- * see: http://developer.here.com/rest-apis/documentation/geocoder/topics/resource-geocode.html
+ * see: https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get
  *
  * @param   {H.service.Platform} platform    A stub class to access HERE services
  */
@@ -22,9 +22,8 @@ function geocode(platform) {
 }
 /**
  * This function will be called once the Geocoder REST API provides a response
- * @param  {Object} result          A JSONP object representing the  location(s) found.
- *
- * see: http://developer.here.com/rest-apis/documentation/geocoder/topics/resource-type-response-geocode.html
+ * @param  {Object} result A JSON object representing the location(s) found.
+ * See: https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get
  */
 function onSuccess(result) {
   var locations = result.items;

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='../test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
@@ -19,18 +19,18 @@
         <h1>Search for a Location given a Structured Address</h1>
         <p>Request a location from a structured address and display it on the map.</p>
     </div>
-    <p>This example makes a geocode request and retrieves the latitude, longitude and complete address details of 
-      <b>425 Randolph St, Chicago, IL</b> based on partial address information. Two addresses are found - 
+    <p>This example makes a geocode request and retrieves the latitude, longitude and complete address details of
+      <b>425 Randolph St, Chicago, IL</b> based on partial address information. Two addresses are found -
       <i>425 E Randolph St.</i>, and <i>425 W Randolph St.</i> A clickable marker is placed on each location found.</p>
     <div id="map"></div>
     <div id="panel"></div>
     <h3>Code</h3>
     <p>Access to the geocoding service is obtained from the <code>H.service.Platform</code>
-       by calling <code>getSearchService()</code>. The <code>geocode()</code> method is used 
-       to find a location by passing in the relevant values to the <code>qq</code> parameter (i.e. <code>country</code>, <code>city</code>, 
-       <code>street</code> and <code>housenumber</code>) as defined in 
-       <a href="https://developer.here.com/documentation/geocoding-search-api/dev_guide/topics/endpoint-geocode-brief.html" target="_blank">Geocoding and Search API v7
-       </a>. 
+       by calling <code>getSearchService()</code>. The <code>geocode()</code> method is used
+       to find a location by passing in the relevant values to the <code>qq</code> parameter (i.e. <code>country</code>, <code>city</code>,
+       <code>street</code> and <code>housenumber</code>) as defined in
+       <a href="https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get" target="_blank">Geocoding and Search API v7
+       </a>.
        The styling and display of the response is under the control of the developer.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>

geocode-a-location-from-structured-address/demo.js

@@ -3,8 +3,8 @@
  * based on a structured input
  *
  *
- * A full list of available request parameters can be found in the Geocoder API documentation.
- * see: http://developer.here.com/rest-apis/documentation/geocoder/topics/resource-geocode.html
+ * A full list of available request parameters can be found in the Geocoding and Search API documentation.
+ * see: https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get
  *
  * @param   {H.service.Platform} platform    A stub class to access HERE services
  */
@@ -22,9 +22,8 @@ function geocode(platform) {
 }
 /**
  * This function will be called once the Geocoder REST API provides a response
- * @param  {Object} result          A JSONP object representing the  location(s) found.
- *
- * see: http://developer.here.com/rest-apis/documentation/geocoder/topics/resource-type-response-geocode.html
+ * @param  {Object} result A JSON object representing the location(s) found.
+ * See: https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1geocode/get
  */
 function onSuccess(result) {
   var locations = result.items;

indoor-map-movement/demo.html

@@ -40,14 +40,14 @@
   <body>
     <h1>Indoor Map - Restrict map movement</h1>
     <p>
-      More information on the use of the HERE Indoor Maps API is available <a href="https://developer.here.com/documentation/maps/dev_guide/topics/venues.html" target="_blank">here</a>.
+      More information on the use of the HERE Indoor Maps API is available <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/indoor-maps.html" target="_blank">here</a>.
     </p>
-	
+
     <p>
-      This example shows an Indoor Map of the <b>Tiefgarage Riem Arcaden APCOA parking garage (27158)</b>. 
+      This example shows an Indoor Map of the <b>Tiefgarage Riem Arcaden APCOA parking garage (27158)</b>.
       This example also works with Mall of Berlin (22766) and Zurich Airport (7348)
     </p>
-	
+
     <div id="map"></div>
     <h3>Code</h3>
     <p>

indoor-map-ui-interaction/demo.html

@@ -40,18 +40,18 @@
   <body>
     <h1>Indoor Map UI Interactions</h1>
     <p>
-      More information on the use of the HERE Indoor Maps API is available <a href="https://developer.here.com/documentation/maps/dev_guide/topics/venues.html" target="_blank">here</a>.
+      More information on the use of the HERE Indoor Maps API is available <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/indoor-maps.html" target="_blank">here</a>.
     </p>
-	
+
     <p>
-      This example shows an Indoor Map of the <b>Mall of Berlin (22766)</b>. 
+      This example shows an Indoor Map of the <b>Mall of Berlin (22766)</b>.
       This example also works with Tiefgarage Riem Arcaden APCOA parking garage (27158) and Zurich Airport (7348)
     </p>
-	
+
     <div id="map"></div>
     <h3>Code</h3>
     <p>
-      The example shows UI interactions with the Indoor Map.<br> 
+      The example shows UI interactions with the Indoor Map.<br>
 	    The example covers the below mentioned samples:
       <ul>
         <li>the usage of the indoor map related UI controls to change levels and buildings using <code>H.venues.ui.LevelControl</code> and <code>H.venues.ui.DrawingControl</code> respectively.</li>

indoor-map/demo.html

@@ -44,7 +44,7 @@ <h1>Show an Indoor Map</h1>
     </p>
 
      <p>
-      More information on the use of the HERE Indoor Maps API is available <a href="https://developer.here.com/documentation/maps/dev_guide/topics/indoor-maps.html" target="_blank">here</a>.
+      More information on the use of the HERE Indoor Maps API is available <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/indoor-maps.html" target="_blank">here</a>.
     </p>
 
     <p>
@@ -65,7 +65,7 @@ <h3>Code</h3>
       </ul>
     </p>
     <p>
-      For complete descriptions of the parameters shown in this example, see the <a href=https://developer.here.com/documentation/maps/dev_guide/api_reference/index.html target="_blank">API Reference</a>.
+      For complete descriptions of the parameters shown in this example, see the <a href=https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.venues.html target="_blank">API Reference</a>.
     </p>
     <script type="text/javascript" src='demo.js'></script>
   </body>

interactive-basemap/demo.html

@@ -19,16 +19,16 @@
         <h1>Interactive base map</h1>
         <p>Retrieve information associated with the map features</p>
     </div>
-    <p>This example demonstrates how to enable the interactions with the base map features. See  <a href="https://github.com/heremaps/maps-api-for-javascript-examples">the README</a> for instructions on how to run the example.The interactions are enabled for the countries'
+    <p>This example demonstrates how to enable the interactions with the base map features. The interactions are enabled for the countries'
       cities', towns' and neighbourhoods' labels. When these labels are clicked the info bubble with the information about the label is shown.
     </p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>The code below adds a <codeph>change</codeph> event listener to the instance of the <code>H.map.Style</code> associated with the
+    <p>The code below adds a <codeph>change</codeph> event listener to the instance of the <code>H.map.render.webgl.Style</code> associated with the
       layer's provider. Within this listener data layers 'places' and 'places.populated-places' are set as interactive and the
       <code>tap</code> event listener is assigned to display the information in the info bubble. Please refer to the
-      <a href="https://developer.here.com/documentation/maps/common/credentials.html">Developer Guide</a> for more information
-      about the vector styles.
+      <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.map.render.webgl.Style.html#setInteractive">setInteractive</a>
+      method description for more information.
     </p>
     <script type="text/javascript" src='demo.js'></script>
   </body>

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='../test-credentials.js'></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
     <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
@@ -22,14 +22,14 @@ <h1>Multi-language support</h1>
     <p>This example displays a movable map initially centered over <b>Hong Kong</b> <i>(22.2917°N, 114.1872°E)</i> with map labels in simplified Chinese.</i></p>
     <div id="map"></div>
     <h3>Code</h3>
-    <p>A reference to the base map tile service is obtained using the <code>H.service.Platform</code>. 
-      Alternate languages can be requested by adding the <code>lg</code> parameter to the tile requests. 
-      That is done by calling createTileLayer method. 5th argument is list of key/value parameters which are 
-      passed to the map tile service when requesting each tile. 
-      A list of all supported map languages can be found in the API References of the underlying service used: <a href="https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-base-maptile.html">HERE Map Tile API</a> 
-      and <a href="https://developer.here.com/documentation/vector-tiles-api/dev_guide/topics/languages.html">HERE Vector Tile API</a> </p>
+    <p>A reference to the base map tile service is obtained using the <code>H.service.Platform</code>.
+      Alternate languages can be requested by adding the <code>lg</code> parameter to the tile requests.
+      That is done by calling createTileLayer method. 5th argument is list of key/value parameters which are
+      passed to the map tile service when requesting each tile.
+      A list of all supported map languages can be found in the API References of the underlying service used: <a href="https://www.here.com/docs/bundle/map-tile-developer-guide/page/topics/resource-base-maptile.html">HERE Map Tile API</a>
+      and <a href="https://www.here.com/docs/bundle/vector-tile-api-developer-guide/page/topics/languages.html">HERE Vector Tile API</a> </p>
     <p>It is possible to specify map language for all layers at once when using <code>H.service.Platform.createDefaultLayers</code> method.</p>
-    <p>Language of the UI controls can be specified when calling <code>H.ui.UI.createDefault</code> method. 
+    <p>Language of the UI controls can be specified when calling <code>H.ui.UI.createDefault</code> method.
       3rd argument is either a supported language code or a custom <code>H.ui.i18n.Localization object</code>.</p>
     <script type="text/javascript" src='demo.js'></script>
   </body>