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

研究著vps的設定...

研究著vps的設定...

現在在研究著vps的設定... 上次發生怪客入侵事件後...原本已經把所有系統都重新檢查後移入國內空...

DIV區塊內文字左右對齊?

DIV區塊內文字左右對齊?

最近常接到一些英文網站建置的專案....為了讓內容文字能夠左右對齊... 所以我用了以下方式 div...

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

CentOS 5.2 使用 ...

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

Recommended reading

Other stories happened at this address

一本本裝滿記憶的小本子

一本本裝滿記憶的小本子

今天突然想要整理一下我那塵封已久裝滿記憶的箱子~ 其實是為了培養好休假情緒~因為再過不久就是農曆新年...

第一次被5U的大便嗆到咳嗽,天啊我到底餵你吃了些什麼@@

第一次被5U的大便嗆到咳嗽,...

第一次被U的大便嗆到咳嗽,天啊我到底餵你吃了些什麼@@

鍾5U你欠我一份大腸包小腸(╥﹏╥)

鍾5U你欠我一份大腸包小腸(...

s 忍著寒風~ 我一個人走在巷弄間......。 其實我並不知道這是什麼地方? 剛剛開完會,跟客戶達...

就是要這樣挨著~

就是要這樣挨著~

s 忘了從甚麼時候開始~U睡覺喜歡挨在我身邊。 每當我坐在床上,他會開心的從遠處爬來。 然後一個翻身...

一聽到要帶他出門,馬上給了我一個笑得開懷的笑容~

一聽到要帶他出門,馬上給了我...

一聽到要帶他出門,馬上整裝完畢( ̄∇ ̄) 堅持穿上自己選擇的鞋子,還要自己穿。 堅持背上背包。 堅持...

參巴炒四大天王佐檳城的記憶

參巴炒四大天王佐檳城的記憶

s 這幾天,同Mandy在住家附近的市場發現了楊桃豆。 老實說,這東西我第一次吃也是在檳城美食中心,...

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