谷歌地圖 HTML5 不能在我的手機上使用（Safari 瀏覽器）

Question

我目前正在升級到“新”HTML5 版本的 Google Maps Geolocation API，我遇到了一些問題。 function 在我的電腦上運行良好，但在我的手機上運行 Safari 瀏覽器時卻不行。 代碼如下：

if(navigator.geolocation) {

    navigator.geolocation.getCurrentPosition(function(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var speed = position.coords.altitude;
        var coords = new google.maps.LatLng(latitude, longitude);
        alert(position.coords.speed);
        var mapOptions = {
                          zoom: 15,
                          center: coords,
                          mapTypeControl: true,
                          navigationControlOptions: {
                              style: google.maps.NavigationControlStyle.SMALL
                          },

                          mapTypeId: google.maps.MapTypeId.ROADMAP
                         };

        map = new google.maps.Map(
            document.getElementById('weather-map'), mapOptions
        );

        var marker = new google.maps.Marker({
            position: coords,
            map: map
        });
    });

} else {
    alert('Geolocation API stöds inte i din webbläsare');
}

如果我在if(navigator.geolocation) {之后立即設置alert()並更新我手機上的頁面，則會出現警報 window 但如果我移動alert()並將其設置在navigator.geolocation.getCurrentPosition(...它不會顯示。我已經測試了瀏覽器是否支持這個 API，它是。

我該如何解決這個問題？

提前致謝。

Answer 1

我讓它工作了：:) 我錯過了一些重要的行，比如函數initialize()和show_position(p)通過 Stan Wiechers“ geo-location-javascript ”獲得 position。