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

PHP 如何檢測陣列是否有重複值

PHP 如何檢測陣列是否有重...

pexelsphoto55 PHP陣列,是在coding時常用到的儲存資料的方式。 但,若陣列中的資...

解決FB分享帶參數問題

解決FB分享帶參數問題

又到了FB分享連結的時間了,沒辦法FB太紅...@@... 一般來說如果是以FB的分享網址做分享的方...

Android Studio 2.3 陽春型計算機進階版

Android Studio...

andrio5 將之前的陽春型計算機用了不怎麼聰明的方式改善了幾個地方。 首先,我將數字的宣告由in...

Recommended reading

Other stories happened at this address

這麼冷的天就是要來碗麻油雞麵線

這麼冷的天就是要來碗麻油雞麵...

s 這麼冷的天,根本就不想出門( ̄∇ ̄) 搞定U的午餐後,自己煮了些麵線加上母親大人寄上來的麻油雞~...

這笑容是想甜死誰啊~

這笑容是想甜死誰啊~

回到台北幾天了~這幾天常見到他笑。 原本有些小擔心....因為在南部住了一段時間,回到台北後不知道他...

Taare Zameen Par 心中的小星星

Taare Zameen P...

晚餐時間,看了一部印度電影【Taare Zameen Par】 taarezameenpar 一部很...

今天又多喝了一杯咖啡!

今天又多喝了一杯咖啡!

我愛咖啡....愛他的香氣還有喝咖啡時的那種悠閒..... 上午順利的在客戶那邊做完教育訓練.......

突然想聽(王藍茵)-惡作劇

突然想聽(王藍茵)-惡作劇

某些時候,總會想起某些歌.... 這些歌都曾經為了生命中的一段記憶而存在。 哪怕這些記憶早已塵封在心...

看來我們家有好些日子可以充滿南洋風味~

看來我們家有好些日子可以充滿...

看來我們家有好些日子可以充滿南洋風味~

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