[阿修作品] PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖

July 16, 2010 · Posted in Google Maps, Maps, My Works

不知道有多少朋友在使用Google Maps裡的「我的地圖」來規劃旅遊行程？是不是要出門前，想把地圖列印出來的時候才發現它的列印功能不太堪用。地圖上的標示和名稱都沒辦法列印出來，還有一大部份是地點的清單，很浪費紙。實際在外使用時，紙本的地圖又是看沒幾次就皺了。端午節前幾個同事要出國，就發現了這樣的問題，問我有沒有解決辦法。於是我在假期的時候就在想如何列印一張能夠清楚呈現自訂地標，又好收納到皮夾內的地圖。經過一些研究之後，我發現可以用Google Maps API、Google Maps Data API、Google Static Maps API再加上HTML5和CSS3來完成繪製地圖的工作，再加上一些摺紙的小加工之後，就可以達成目標。印出來的地圖就像下面這段影片的樣子，我試著放在皮夾裡，有機會就拿給不同人看，到目前為止這張地圖還很堅固。

為了造福更多人，我已經把列印的步驟轉換成一個網路應用程式—
PrintMyMap。PrintMyMap可以載入你在Google我的地圖內建立的個人化地圖。並且自動在地標旁邊標示名稱。你可以自由的選擇列印的區域，如果需要的話，還可以把列印範圍存下來，下次再用，這對於更新列印出來的地圖非常的方便。

地圖列印出來之後，就像上面這個樣子。還需要經過一些後加工，才方便收納。

我也把摺疊的步驟拍成影片了，我想照著做應該不會太困難，熟練之後應該三分鐘不到就可以折好一張。

唯一需要注意的是因為PrintMyMap用了很多webkit限定的功能來開發，所以請用Chrome或是Safari來列印。如果有任何使用上的問題或建議，請本文後留言。

PrintMyMap的網址是http://www.lis186.com/works/printmymap

Tags: no tags

Comments

17 Responses to “[阿修作品] PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖”

Tweets that mention [阿修作品] PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖 : 阿修的部落格 -- Topsy.com on July 16th, 2010 5:42 pm

[...] This post was mentioned on Twitter by idben, Yi-Ching Huang, yoshika kyo, Brian_Jiang, vermicelli and others. vermicelli said: [阿修作品] PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖 http://www.lis186.com/?p=1935 [...]
sleepy on July 16th, 2010 10:50 pm

太强大了！绝对是要加入到收藏里的
DucK on July 16th, 2010 11:06 pm

I believe the original folding map is from here http://www.thezoomablemap.com/the-map.html
However, develope a web service for that is actually impressive.
Nice work!
lis on July 16th, 2010 11:51 pm

@DUCK
Thank you for your comment!
Actually I found the folding method before I found the zoomable map. But the folding method of zoomable map is better than mine, it can present larger area.
Ticore on July 17th, 2010 10:18 pm

覺得印出來的圖解析度太低了，鋸齒很嚴重…
lis on July 19th, 2010 6:33 am

這也是沒辦法的事情，因為螢幕和印表機的解析度差太多了。
我想到的解決辦法是用css把大張的圖縮印，不過還沒驗證過就是了。
yueyuanying on July 23rd, 2010 12:01 pm

我試著放在皮夾裡，有機會就拿給不同人看，到目前為止這張地圖還很堅固。
图片看不到
lychen on July 27th, 2010 10:59 pm

阿修您好:
最近找到了這個好用的網站來規劃我的旅遊行程
我想請問一下, 不知道google map的解析度是否縮小了?
前一陣子使用的時候, 雖然地圖的中文名稱會是亂碼, 不過map的解析度沒有改變
最近使用時發現可以顯示中文名稱了, 但是map的解析度縮小了很多, 連左邊改變地圖大小的bar也變的很小

不知道阿修是否有遇到這種情況?
我是用chrome開的

感謝您!!
lis on July 27th, 2010 11:38 pm

@LYCHEN,
那是因為我正在實驗怎樣提升列印地圖的解析度，左邊的控制項我還沒修正完畢。
眼霜什么牌子好 on August 9th, 2010 10:27 pm

覺得印出來的圖解析度太低了
rswwazvhfjv on August 15th, 2010 3:08 am

WeAuOl ljxoqhdthmql, [url=http://rflilqlilqpa.com/]rflilqlilqpa[/url], [link=http://baxbdlodgmas.com/]baxbdlodgmas[/link], http://waqacbgycddh.com/
rhvrply on August 15th, 2010 11:14 am

dQaBV4 ypdkforkawdz, [url=http://jyhfhfvrgumf.com/]jyhfhfvrgumf[/url], [link=http://tswxqbiclakx.com/]tswxqbiclakx[/link], http://uvwcpmevebzn.com/
zupbgsabdku on August 15th, 2010 2:34 pm

9UV7BE wmwcbzjncihn, [url=http://kgcdhltgvwfh.com/]kgcdhltgvwfh[/url], [link=http://rprrrscpsulh.com/]rprrrscpsulh[/link], http://vypgsxaylngg.com/
louboutin shoes on August 17th, 2010 9:41 am

太感谢博主了，这么好的分享，绝对的要收藏
Vuidasuiduisfaiuh on August 17th, 2010 7:18 pm

is ordering cialis legal – buy cheap Cialis
nfl authentic on August 19th, 2010 12:40 pm

顶下
NFL Jerseys on August 23rd, 2010 4:50 pm

thumbup