如何使用 Google Maps API v3 从 iPhone 获取用户的位置？

Question

我想在 iPhone 上制作一个谷歌地图，并在用户第一次打开该网站时显示他们的位置。

但我在 Google Maps v3 api 上找不到这个方法。所以我想也许iPhone有这样的功能。是吗？

Answer 1

您可能需要使用 iPhone 上的 Safari 支持的 W3C Geolocation API。

使用来自 Geolocation API 的位置在 Google 地图上绘制一个点，将如下所示：

if (navigator.geolocation) { 
  navigator.geolocation.getCurrentPosition(function(position) {  

    var point = new google.maps.LatLng(position.coords.latitude, 
                                       position.coords.longitude);

    // Initialize the Google Maps API v3
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: point,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    // Place a marker
    new google.maps.Marker({
      position: point,
      map: map
    });
  }); 
} 
else {
  alert('W3C Geolocation API is not available');
} 

确保 Google 地图 API v3 包含在您的 Web 文档中：

<script src="http://maps.google.com/maps/api/js?sensor=true" 
        type="text/javascript"></script>

...并且您有地图画布的占位符：

<div id="map" style="width: 500px; height: 400px;"></div>