Skip to content

Tag: map


Categories:

[更新] Google Maps 座標工具

Post date:
Tags:

因為舊版本只適用 PC 操作,所以很早之前就著手在改版,只是一直沒有收尾,今天終於一鼓作氣將之前的進度補完了,雖然行動裝置用這工具好像也不能幹嘛… 拜訪: Google Maps 座標工具 目前似乎有行動裝置對於介面操作不順暢的 bug,找時間再修,或許也會考慮加入儲存至雲端的功能。

Categories:

[修正] Google Maps API v3 畫圓參數修正

Post date:
Tags:

自從發表了 Google Maps API v3 畫圓文章至今,Google Maps API 已更新至 3.4 版。 目前發現從 3.3 開始,Circle options 中的 fillColor, strokeColor 必須填寫完整的 Hex Code 而不能使用簡短寫法,例如:#369 就必須寫成 #336699。 所以就順手修正了 Google Maps API v3 畫圓 Demo。

Categories:

Google 德國版街景廣告

Post date:
Tags:

httpvh://www.youtube.com/watch?v=8rZeGzbZdp8 Google 德語版街景廣告 竟出現台灣國旗 – Yahoo!奇摩新聞 經過長時間的爭議,Google 公司的 street view 服務,終於在11月18日在德國推出,為了介紹這個新服務,Google 特別推出德語版街景廣告。 在這支小黃人的世界旅遊地圖 1 分多鐘影片中,眼尖的網友發現,亞洲地區的代表國家竟選擇台灣,台北街頭、台灣國旗都出現在廣告中,讓看見的台灣網友驚呼連連。 Google 公司的 street view 服務,一直在德國引起很大的爭議,德國消費者保護部批評這項服務明顯侵犯當地居民的隱私。 在幾番周折討論後,Google 公司允諾在一些主要建築物打上馬賽克後,終於讓街景服務得以在 18 日上路,於網路上介紹 20 多個德國城市。 為了介紹街景服務的方便性,Google 公司特別製作一支德語版廣告,以小黃人在世界探險的方式,呈現美國、加拿大、非洲、亞洲等國家 street view 的便利性。 在這支廣告中,被眼尖的網友發現,亞洲地區的代表竟是台灣。 影片 50 到 57 秒時,出現中山南北路的沿途街景,台大醫院、中正紀念堂等都一一入鏡,更讓網友驚呼的是,台灣國旗也出現在影片中。 PTT 八卦版上也有網友熱烈討論,有網友說,終於有被尊重的感覺;還有網友提到,不枉費自己把 google 設為首頁。

Categories:

Google Maps API v3 畫圓

Post date:
Tags:

Google Maps API 之前的畫圓方式通常需要自己根據座標去計算每一個點的位置再劃線串接,不過在 v3 之後直接提供一個 Circle 類別可以很輕鬆地就畫出: var circle = new google.maps.Circle({ center: Latlng clickable: true/false, radius: number, map: map, strokeColor: string, strokeWidth: number, strokeOpacity: number, fillColor: string, fillOpacity: number }); DEMO: http://app.essoduke.org/yt/

tinyMap 2.0 jQuery Plugin

Post date:

自從研究 Plurk API 失敗後,也剛好 Google Map API Javascript v3 已釋出一段時間,索性這次整個改寫 tinyMap。 Demo: tinyMap 2.0 jQuery Plugin 2.0 版的特色: 使用 Google Map API v3 改寫 加入路徑規劃功能 延伸閱讀: tinyMap – 自訂個人Google Map 的jQuery 擴充套件

Google Map 座標工具 v1.1

Post date:
Tags:

今天邊玩 Web 棒球的同時,就順手更新了 Google Map 座標工具。 Google Maps 早在 2007 年就已經開放可以搜尋台灣地址,所以 v1.1 主要是加入顯示標記地址的功能,下次預計會加入最基本的搜尋並且可以自訂 JSON 的輸出內容。 這次使用了 Google Maps API Geocoding Service。Geocoding 傳回的是一組包含座標、地址、郵遞區號等資料的 JSON,所以這部份很好處理,比較棘手的是遇到 jQuery selector 抓不到 append 所建立的 li 清單,所以用了 jQuery FlyDOM Plugin 建立 DOM 的方式來解決。 延伸閱讀: Google Map 座標工具 Google地圖 – 維基百科,自由的百科全書

Google Map 座標工具

Post date:
Tags:

因為這個案子的需要,所以就做了 Google Map 座標工具,靈感來自於 Interactive Polyline Encoder Utility,但是沒有加入劃線功能,只多了輸出 JSON 的選項。 ※支援 Firefox 3/Opera 9.6,IE6/IE7 在拖曳上似乎有問題… Google Map 座標工具 先點選要標記的位置(可連續點選、拖曳)右側的清單上就會出現該點的座標,也可以點選清單內的座標,左側地圖就會顯示出對應的標記;輸出 JSON 的作用是方便後續的應用,包括存入資料庫…等等。 改天再補上 Google Maps API 的使用心得… 延伸閱讀 Google Maps Google Maps API

Categories:

1944 年的鳳山市地圖

Post date:
Tags:

從陳凱劭的BLOG看到這篇「1944 年美軍繪製台灣城市地圖」, 這些地圖係由美國德州大學(奧斯汀分校)圖書館收藏、並進行數位化及公開。 其中因為鳳山市有軍方設施及基地,所以當時也有繪製。 這套圖主要是給美海軍航空兵軍機爆擊台灣重要官廳、軍事設施用;甚至可能在登陸台灣,或終戰後接收管理台灣用的。 所以官廳、地標、軍事設施特別詳細,主要建築物的平面配置形狀都有出現。 選擇的都市除了台灣島內五大都市外(台北、新竹、台中、台南、高雄五州的首府), 其他如重要的航空基地(如岡山、新竹、台南、松山、嘉義、東港)、陸軍基地(鳳山)、 重要港口(左營港、基隆港、高雄港、花蓮港、馬公港、蘇澳港、淡水港), 重要工業城鎮(如北港糖廠、羅東、西螺、鹿港)。 鳳山市公所 – 鳳城歷史 鳳山之命名,因小港鄉鳳鼻頭附近有一山,名曰鳳山,山勢如飛鳳張翼,縣名取義於此,亦因地命名之意。 本市之名鳳山,乃沿襲縣之舊名。市內實無此山也。 日據時代本市稱鳳山街役場,屬高雄州鳳山郡役所管轄。 民國二十六年,日本軍閥發動侵略我國,繼而世界大戰爆發,日軍以鳳山作為南侵基地。 我國經八年抗戰日本無條件投降。我國經八年抗戰日本無條件投降。 民國三十四年十月二十五日,台灣光復重歸祖國版圖,翌年成立台灣省。 根據「台灣省鄉鎮組織規程」,廢鳳山街役場改鳳山鎮公所,屬高雄縣政府管轄,為縣治所在地。 從這份地圖看得出 64 年前的鳳山,在道路規劃上沒什麼巨大變化, 而一些軍事設施、化工廠,如今大多已改建成學校或民宅。 當時的光遠路還沒貫通到中山東路,而瑞興路、勝利路那個區域是個很大的雷達站; 中正預校當時是化學、瓦斯槽,其餘大多是農田。 圖片來源:Google Maps 看著這些舊地圖,會很想再看看當時的照片,可惜不知道要去哪邊翻? 延伸閱讀: Formosa City Plans – Perry-Castañeda Map Collection – UT Library Online 陳凱劭的BLOG 地圖會說話 – 轟炸機下的臺北 婆娑美麗的太平洋 – 1945年美軍轟炸福爾摩沙空照圖【補】 虎尾海軍航空隊的飛行基地 .Since2007.7.8 台灣守備步兵第五聯隊–打鹿文史工作室

本日單車遊記

Post date:
Tags:

第一次用 i-gotU 描繪出來的路線,似乎偏移頗大?或許還不熟悉操作,改天再來試試。 可下載 mht 路線包並使用 IE 觀看(5.13MB) 路線圖,不過少了幾段路線… 黃埔公園 鳳儀書院、鳳山城隍廟 鳳山體育場 大東國小 打鐵街 東便門、東福橋 黑肥來做 Ending 延伸閱讀 2007-12-25 本日單車遊記 – zooomr MobileAction Mobile01 [分享]”i-gotU GPS軌跡紀錄器”(新增!!) 鳳山市 – Wikipedia