Merge branch 'patch-1' of https://github.com/tiagomsmagalhaes/maps-api-for-javascript-examples into tiagomsmagalhaes-patch-1

Author: Oleksii Markhovskyi

open-infobubble/demo.js

@@ -14,7 +14,7 @@ function addMarkerToGroup(group, coordinate, html) {
 /**
  * Add two markers showing the position of Liverpool and Manchester City football clubs.
  * Clicking on a marker opens an infobubble which holds HTML content related to the marker.
- * @param  {H.Map} map      A HERE Map instance within the application
+ * @param {H.Map} map A HERE Map instance within the application
  */
 function addInfoBubble(map) {
   var group = new H.map.Group();
@@ -25,22 +25,21 @@ function addInfoBubble(map) {
   group.addEventListener('tap', function (evt) {
     // event target is the marker itself, group is a parent event target
     // for all objects that it contains
-    var bubble =  new H.ui.InfoBubble(evt.target.getGeometry(), {
+    var bubble = new H.ui.InfoBubble(evt.target.getGeometry(), {
       // read custom data
       content: evt.target.getData()
     });
     // show info bubble
     ui.addBubble(bubble);
   }, false);
 
-  addMarkerToGroup(group, {lat:53.439, lng:-2.221},
-    '<div><a href="http://www.mcfc.co.uk" target="_blank">Manchester City</a>' +
-    '</div><div >City of Manchester Stadium<br>Capacity: 48,000</div>');
-
-  addMarkerToGroup(group, {lat:53.430, lng:-2.961},
-    '<div><a href="http://www.liverpoolfc.tv" target="_blank">Liverpool</a>' +
-    '</div><div >Anfield<br>Capacity: 45,362</div>');
+  addMarkerToGroup(group, {lat: 53.439, lng: -2.221},
+    '<div><a href="https://www.mcfc.co.uk">Manchester City</a></div>' +
+    '<div>City of Manchester Stadium<br />Capacity: 55,097</div>');
 
+  addMarkerToGroup(group, {lat: 53.430, lng: -2.961},
+    '<div><a href="https://www.liverpoolfc.tv">Liverpool</a></div>' +
+    '<div>Anfield<br />Capacity: 54,074</div>');
 }
 
 /**
@@ -56,11 +55,12 @@ var defaultLayers = platform.createDefaultLayers();
 
 // initialize a map - this map is centered over Europe
 var map = new H.Map(document.getElementById('map'),
-  defaultLayers.vector.normal.map,{
+  defaultLayers.vector.normal.map, {
   center: {lat: 53.430, lng: -2.961},
   zoom: 7,
   pixelRatio: window.devicePixelRatio || 1
 });
+
 // add a resize listener to make sure that the map occupies the whole container
 window.addEventListener('resize', () => map.getViewPort().resize());
 
@@ -72,4 +72,4 @@ var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
 var ui = H.ui.UI.createDefault(map, defaultLayers);
 
 // Now use the map as required...
-addInfoBubble(map);
+addInfoBubble(map);