前兩天在 Ins 上看到一位前同事的個人網站,其中有一個關於足跡的版塊,通過谷歌地圖,可視化的呈現出瞭他過去曾經去過的地方,並且會有一些簡要的文字介紹,個人覺得效果非常贊。便與其進一步就技術層面的實現進行瞭溝通,同時自己也嘗試瞭在個人的網站中使用。
所以這一次,在這裡分享給大傢,如何用谷歌地圖做一份專屬於自己的足跡地圖。
首先看一下效果圖。
0fc76c9fbce111f0ae2f1812c7932ff7以上是網頁截圖,感興趣的朋友可以在這個網址中查看: 夏小正的旅途
在地圖上標註出自己曾經去過的地方,以及大概的時間,期間的過程、遇到的難忘的事情、人,同時還可以添加接下來計劃去的地方,甚至是具體的路線圖都可以。谷歌地圖真的是非常強大,有木有!廢話不多說,開答。
第一步,首先你得能夠打開谷歌!!!(不要問我為什麼,當然我可以告訴你怎麼辦到。)
第二步,在確定網絡環境訪問谷歌沒問題之後,打開這個頁面:http://www.google.com/maps/d/ ,如下圖:
11b6c6ae1f181bc5d389dbecde3545f3e82ed5c9f67ba2eb5aa4b08d7d940670因為之前已經把谷歌的語言設置為瞭簡體中文,所以打開就非英文啦,直接創建新地圖就 OK。
第三步,開始在地圖中添加位置、或者是添加路線、或者是添加行程、或者是添加照片等,都可以噢。哈哈,這裡為瞭測試效果,用線條繪制瞭一個知乎。
第四步,在你添加完你曾經的足跡,包括未來的旅行目的地之後,你就可以把這個地圖分享出來,Share 給你的好朋友啦。同時你也可以搜藏起這個網址,以後每次去瞭某個地方,或者想去某個地方時,都可以再次打開這個網址進行編輯,而你的朋友通過網址依舊可以看到你更新之後的地圖。
這裡的小前提是你需要對這份地圖的分享限制做出選擇,如下圖,當然一般是選擇第一個,在網絡上公開,這樣任何人都可以訪問,也可以選擇第二種,隻有知道鏈接的人才能查看。
第五步,在設置瞭地圖共享之後,就可以分享給身邊的朋友,或者選擇添加到網站中。因為谷歌地址,支持將自己自定義的這個圖,以代碼的形式,便捷的添加到個人網站中,非常方便,親測好評。
整個制作過程大概就是這樣,你看懂瞭嗎?趕快去試試吧。把自己的曾經去過的地方,在地圖中標註出來後,會讓自己也大吃一驚,滿滿的回憶。
之所以不建議用國內的地圖進行制作,因為不管是從功能還是查看效果來看,谷歌真的是完勝國內地圖商。這裡以百度地圖為例:
我自己用百度地圖標註瞭 10 個地點後,就提示我無法再添加,而且其在完成制作分享之後,無法再次進行可視化編輯,隻能通過改代碼,且頁面呈現效果也差強人意。
最後,需要提醒幾點:
第一,確實第一步很關鍵,如果你電腦不能訪問谷歌,那麼本文對於你而言實質上沒有太多意義。
第二,把谷歌的語言設置為中文後,便可以暢通無阻,前提是你語文應該不會太差。
第三,制作地圖,還有一個前提是你需要登錄你的谷歌賬號,如果沒有,現在註冊一個 Gmail 也不晚。
第四,制作的這個谷歌地圖,你可以在之後的任何時間,進行二次編輯,包括新增、刪除,同時你還可以邀請你的谷歌好友,參與到地圖的編輯中,共同描繪你們的旅途,想想也還是蠻酷的。
第五,本文中使用的谷歌地圖,並非走谷歌地圖的 API,而隻是谷歌地圖本身的一項功能,所以想通過谷歌地圖 API 來實現的本文中所說效果的小夥伴,可以關掉這個頁面,我也隻懂簡單的,太復雜的我智商捉急。
第六,我嘗試瞭用代理的形式,將分享的谷歌地圖地址,在代理的瀏覽器中訪問,得到在國內可以訪問的代理地址,但是打開頁面時,提示無法解析相關的地圖信息,應該是谷歌地圖本身從訪問源上做瞭技術處理,所以這個辦法也暫時無法啟用。如果你朋友的網絡無法使用谷歌,你可以不用把地址分享給他們,他們確實無法打開,不過你可以收藏網址,自己以後再編輯。
第七,暫時想到以上這些。
Anyway,感興趣的朋友, Have a try。如果有任何疑問,歡迎評論留言討論交流。本文純拋磚引玉,也希望有技術大神出現,分享更為快捷的好辦法。
这次文章的内容主要是对比一下几支不同年代146,看看他们之间有什么不同,年代从远到近分别是14C、14k、T舌、现产(P146), ...
工欲善其事,必先利其器。 周末趁著闲暇,给大家整理了一份股票、基投资找工具网站。 看行情、找资讯、逛论坛,看财报、看研 ...