title: How to get the current location from this here map?
body: <p>Below is the code of a here map. I'd like to know how can I get the current location from the map? Anyone has ideas? Thanks in advance.</p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html&gt;
      &lt;head&gt;
        &lt;meta name="viewport" content="initial-scale=1.0, width=device-width" /&gt;
        &lt;link rel="stylesheet" type="text/css"
          href="https://js.api.here.com/v3/3.0/mapsjs-ui.css" /&gt;
        &lt;script type="text/javascript" charset="UTF-8"
          src="https://js.api.here.com/v3/3.0/mapsjs-core.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" charset="UTF-8"
          src="https://js.api.here.com/v3/3.0/mapsjs-service.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" charset="UTF-8"
          src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" charset="UTF-8"
          src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
  
        &lt;div id="map" style="width: 100%; height: 700px; background: #ccc" /&gt;
  
  
        &lt;script  type="text/javascript" charset="UTF-8" &gt;
  
      /**
       * Boilerplate map initialization code starts below:
       */
  
      function showMap(position) {
            // Show a map centered at (position.coords.latitude, position.coords.longitude).
          }
  
          navigator.geolocation.getCurrentPosition(showMap);
  
      //Step 1: initialize communication with the platform
      var platform = new H.service.Platform({
        app_id: 'DemoAppId01082013GAL',
        app_code: 'AJKnXv84fjrb0KIHawS0Tg',
        useCIT: true,
        useHTTPS: true
      });
      var defaultLayers = platform.createDefaultLayers();
  
      //Step 2: initialize a map - this map is centered over Eindhoven
      var map = new H.Map(document.getElementById('map'), defaultLayers.normal.map, {center: {lat: 51.4484160, lng: 5.4916750}, zoom: 13}) ;
  
      //Step 3: make the map interactive
      // MapEvents enables the event system
      // Behavior implements default interactions for pan/zoom (also on mobile touch environments)
      var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
  
      // Create the default UI components
      var ui = H.ui.UI.createDefault(map, defaultLayers);
  
      function addCircleToMap(map){
  
      // Color of the dot, later on change this into interactive wheel
      var dotcolor = 'green';
  
        map.addObject(new H.map.Circle(
          // The central point of the circle
          {lat: 51.4484160, lng: 5.4916750},
          // The radius of the circle in meters
          100,
          {
            style: {
              strokeColor: 'white', // Color of the perimeter
              lineWidth: 2,
              fillColor: dotcolor  // Color of the circle
            }
          }
        ));
      }
  
      // Now use the map as required...
      addCircleToMap(map);
  
        &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Below is the code of a here map. I'd like to know how can I get the current location from the map? Anyone has ideas? Thanks in advance.</p>