如何使用 HERE maps api 获取我的当前位置答案

【问题标题】：How to get my current location with HERE maps api如何使用 HERE maps api 获取我的当前位置
【发布时间】：2019-01-14 13:03:01
【问题描述】：

如何在 HERE 地图 api 上获取我的当前位置？

我想启用我当前位置的地理定位并将坐标插入此方法 map.setCenter({lat:52.5159, lng:13.3777});

下面是 HERE 地图的代码，用于获取我从他们的网站获得的地图的位置 https://developer.here.com/api-explorer/maps-js/v3.0/maps/map-at-specified-location

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.0/mapsjs-ui.css?dp-version=1533195059" />
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>

</head>
<body>
  <div id="map" style="width: 100%; height: 400px; background: grey" />
  <script  type="text/javascript" charset="UTF-8" >

/**
 * Moves the map to display over Berlin
 *
 * @param  {H.Map} map      A HERE Map instance within the application
 */
function moveMapToBerlin(map){
  map.setCenter({lat:52.5159, lng:13.3777});
  map.setZoom(14);
}





/**
 * Boilerplate map initialization code starts below:
 */

//Step 1: initialize communication with the platform
var platform = new H.service.Platform({
  app_id: 'devportal-demo-20180625',
  app_code: '9v2BkviRwi9Ot26kp2IysQ',
  useHTTPS: true
});
var pixelRatio = window.devicePixelRatio || 1;
var defaultLayers = platform.createDefaultLayers({
  tileSize: pixelRatio === 1 ? 256 : 512,
  ppi: pixelRatio === 1 ? undefined : 320
});

//Step 2: initialize a map  - not specificing a location will give a whole world view.
var map = new H.Map(document.getElementById('map'),
  defaultLayers.normal.map, {pixelRatio: pixelRatio});

//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);

// Now use the map as required...
moveMapToBerlin(map);
  </script>
</body>
</html>

【问题讨论】：

标签： geolocation maps coordinates

【解决方案1】：

你试过用这个吗：https://www.w3schools.com/html/html5_geolocation.asp

您可以获取当前的经纬度，并将其设置为变量，然后替换

function moveMapToBerlin(map){
  map.setCenter({lat: xlat, lng: xlng});
  map.setZoom(14);
}

【讨论】：