Loading...

HTML5 Geolocation

Temperature: 0 °C

ChungChung
author_tools

說真的,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
寫程式筆記

Prev
 那桌上其實已消逝的記憶

Next
多桑__李鴻欽漫畫 

Nearby Attractions

台北市內湖區江南街71巷75弄-Nearby Attractions

  • 殷海光故居 Go
  • 黃氏節孝坊 Go
  • 艋舺龍山寺 Go
  • 寶藏巖 Go
  • 閻錫山故居 Go
  • 勸業銀行舊廈 Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

CSS Radio Button

CSS Radio Butt...

寫系統的時候三不五時總會用到Radio Button 和 Checkboxes 目前就在寫這個部份@...

PHP 時間時區修正

PHP 時間時區修正

一般來說...PHP取得的時間,是格林威治的時間: 但如果要將時間調成臺灣的時區,或其他時區的話,必...

Google map 語言本地化

Google map 語言本...

網路世界的強大...真的是解決問題的好幫手.....雖說有些答案並不可靠.... 但原則上...只要...

Recommended reading

Other stories happened at this address

下一站,父親。

下一站,父親。

i 我無法掩飾我內心的喜悅... 為了等待你的到來,我跟你媽媽也歷經了數個年頭的等待、期待... 因...

為了維護世界和平!!

為了維護世界和平!!

既然你誠心誠意的問了,那我就大發慈悲的告訴你~ 為了拯救動物星球的青蛙先生跟長頸鹿小姐~ 為了跟邪惡...

鹽烤香魚

鹽烤香魚

香魚我是很愛吃,但從來沒自己調理過.... 假日,表姐為了讓孕媽咪多補充點營養。所以帶上一盒香魚過來...

來一碗蝦麵吧~

來一碗蝦麵吧~

繼上回的咖哩麵後~我跟Mandy一直念念不忘那味道.........。 這次再來挑戰蝦麵(福建麵)!...

麻油雞泡飯

麻油雞泡飯

再一次,又到了麻油雞酒的季節。 is sesame oil chicken season again...

10個月的5U,吃個飯像大爺啊~( ̄∇ ̄)

10個月的5U,吃個飯像大爺...

image U十個月了。 充滿好奇心的年紀,雖然會認人了,但試驗了幾次之後似乎不怎麼怕生。 不挑食,...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format