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

Posted

技术标签:

【中文标题】MapKit JS - 如何获取我的当前位置【英文标题】:MapKit JS - how to get my current location 【发布时间】: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>

【问题讨论】:

【参考方案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 元素。

【讨论】:

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

以上是关于MapKit JS - 如何获取我的当前位置的主要内容,如果未能解决你的问题,请参考以下文章

使用 SwiftUI 和 MapKit 检索用户当前位置

使用 Map Kit 如何找到我的位置?

ios:mapkit如何在地图上启用当前位置按钮?

为啥我的 MapKit 中的蓝点(用户位置)会移动?

MapKit iPhone 开发;当前位置和注释

iPhone Mapkit 蓝点/用户位置区域缩放问题