innstory

HTML5 Geolocation

說真的，HTML5 Geolocation的功能真的好用...

輕鬆就可以讓網站也能取得目前所在的地理位置

這次把它運用在innstory裡也是為了方便未來寫下動態或是故事，必竟住址比較不是那麼容易記下...

索性就把這工作交給系統~

<script>

var x = document.getElementById("demo");

function getLocation() {

    if (navigator.geolocation) {

        navigator.geolocation.getCurrentPosition(showPosition);

    } else {

        x.innerHTML = "Geolocation is not supported by this browser.";

    }

}

function showPosition(position) {

    x.innerHTML = "Latitude: " + position.coords.latitude +

    "<br>Longitude: " + position.coords.longitude;

}

</script>

上述function只是取得座標位置，若要將座標轉換成地址還得靠下列function

var geocoder = new google.maps.Geocoder();

                    geocoder.geocode({ location: new google.maps.LatLng(lat, lng) },

                    function (results, status) {

                        if (status == google.maps.GeocoderStatus.OK) {

                            document.getElementById("address_guest").value =results[0].formatted_address;

                            }}

                            );

連結網址

昨晚已把這功能也加入了innstory。