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

Question

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

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

Answer 1

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

使用来自 Geolocation API 的位置在 Google map 上绘制一个点，看起来像这样:

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 Maps API v3:

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

...并且您有一个 map Canvas 的占位符:

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