MapKit JS - 如何获取我的当前位置答案

【问题标题】：MapKit JS - how to get my current locationMapKit JS - 如何获取我的当前位置
【发布时间】：2019-05-30 22:32:26
【问题描述】：

我正在尝试使用 MapKit JS 在 Apple 地图上获取我的当前位置，但我不知道该怎么做。以下是我必须手动加载坐标的代码。但我需要能够让代码自动识别我当前的坐标并将其显示在 Apple 地图上。

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script>

 <style>
#map {
    width: 100%;
    height: 400px;
}
</style>

</head>

<body>
<div id="map"></div>

<script>
mapkit.init({
    authorizationCallback: function(done) {
        done("API KEY");
    },
    language: "en"
});

var map = new mapkit.Map('map', {
showsMapTypeControl: false,
showsCompass: mapkit.FeatureVisibility.Hidden
 })

var coordinateRegion = new mapkit.CoordinateRegion(
    new mapkit.Coordinate(40.51415196691954, -74.43808765761719),
    new mapkit.CoordinateSpan(1.234, 1.23423)
);
map.region = coordinateRegion;
 </script>
 </body>
 </html>

【问题讨论】：

标签： javascript mapkit apple-maps

【解决方案1】：

navigator.geolocation.getCurrentPosition(function(position){
    mylat=position.coords.latitude;
    mylng=position.coords.longitude;
    map.setCenterAnimated(new mapkit.Coordinate(mylat, mylng), true);
});

根据要求进行澄清：上面的代码利用了 HTML5 Geolocation API。一旦用户允许访问他们的位置并被检索到，我们将坐标传递给要设置为中心的 mapkit 元素。

【讨论】：

请在您的代码中添加一些解释，以便其他人可以从中学习