Loading...

HTML5 Geolocation

Temperature: 0 °C

ChungChung
說真的,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。

台北市內湖區江南街71巷75弄 Go

https://innstory.com/story-HTML5_Geolocation-575

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

Next
多桑__李鴻欽漫畫 

Nearby Attractions

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

  • 歸綏街文萌樓 Go
  • 陳天來故居 Go
  • 興福庄建塚紀念碑 Go
  • 番學堂遺構 Go
  • 西本願寺(鐘樓、樹心會館) Go
  • 國立臺灣大學日式宿舍-福州街20 ... 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使用GD函數切正方形圖像

PHP使用GD函數切正方形圖像

基本上大都是等比例將圖片上傳.... 但有時也會有需要正方形邊長的圖像需求 這時候還是...

分享 (励志短片) 王德顺 《最炫东北人》 完整版 Wang Deshun - Coolest Northeasterner (Inspirational Short Film)

分享 (励志短片) 王德顺 《最炫东北人》 完整版 Wang Deshun - Coolest Northeasterner (Inspirational Short Film)

我們都還年輕啊~ 還是可以一直做夢下去的。 只要有夢,我將可以走的更遠。 我是...

CentOS 5.2 使用 YUM 將 PHP 5.1.6 更新到 5.2.6

CentOS 5.2 使用 YUM 將 PHP 5.1.6 更新到 5.2.6

CentOS . 版內建的 PHP 版本為 ..,甚至於 . 版仍舊是 .. 版本。 ...

Recommended reading

Other stories happened at this address

你是否知道我故事中的角色?

你是否知道我故事中的角色?

那天~突然在想....... 有看我故事的人,是否會知道我寫的那些故事裡,裏頭的人事物...

剪髮初體驗~

剪髮初體驗~

第天,剪髮初體驗~由阿婆親自操刀。 這傢伙很淡定啊,看來他根本不知道即將要發生什麼事。...

9個月了​​​​​​​,有時希望他快點長大​​​​​​​,有時又希望時間慢一點​​​​​​​。

9個月了​​​​​​​,有時希望他快點長大​​​​​​​,有時又希望時間慢一點​​​​​​​。

s 個月了,看看這傢伙學會了些甚麼? 笑點一樣很低,呵呵呵的笑聲總是能讓我暫時放下手邊...

胡亂搭配,意外對味。

胡亂搭配,意外對味。

Mandy今天中午下廚~ 用了黃麵拌炒大蒜苗、香菜、蒜頭、雞蛋。 看似胡亂搭配,但口味...

兒子真幸福,我小時候都沒玩過這麼多火材盒車,感謝恆永跟另一位朋友(雖然我們已經不再連絡)

兒子真幸福,我小時候都沒玩過這麼多火材盒車,感謝恆永跟另一位朋友(雖然我們已經不再連絡)

兒子真幸福,我小時候都沒玩過這麼多火材盒車,感謝恆永跟另一位朋友(雖然我們已經不再連絡...

傳聲筒,還好小時候有上過自然科學。

傳聲筒,還好小時候有上過自然科學。

用吃完的優格杯子自製了傳聲筒。 我跟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