HTML5 Geolocation
Temperature: 0 °C
說真的，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;
}}
);Url link
昨晚已把這功能也加入了innstory。
台北市內湖區江南街71巷75弄 Go
https://innstory.com/story-HTML5_Geolocation-575
寫程式筆記
