2 月04
使用新版Google Map Engine Lite建立旅遊食記地圖

使用全新的智慧搜尋框。可以搜尋地點,也可以輸入想要的餐廳種類或地點就可以幫你列出來,比如說「日本料理」,點擊搜尋到的資料也可以瞭解更多的資訊。街景服務、Google Earth都更容易使用。以上是Google自己的說法,我怎麼覺得不太好用,而且頻寬不足的還會Lag也。

Google Map改款成Google Maps Engie Lite其實已經有一段時間了,但我就是用不習慣,因為操作方式不一樣了,一開始有些功能找不到放在哪裡,最近Google似乎有點變本加厲,把新版Google Maps Engine當成預設值,想要使用舊版還得費一番功夫,無奈只好開始研究新版Google Maps Engie的使用方法。

新版Google Maps Engie的優點有:

  • 使用全新的智慧搜尋框。可以搜尋地點,也可以輸入想要的餐廳種類或地點就可以幫你列出來,比如說「日本料理」,點擊搜尋到的資料也可以瞭解更多的資訊。街景服務、Google Earth都更容易使用。以上是Google自己的說法,我怎麼覺得不太好用,而且頻寬不足的還會Lag也。

  • 多了圖層使用的觀念。假設把一層圖層設定為「食記」,而另一層設定為「遊記」,當有需要兩者同時存在時就可以將兩個圖層重疊在一起,還蠻好用的。

現在我們就先來看看如何在新版的Google Maps Engie Lite中設定景點地圖。這裡先給你一些地圖操作的有用資訊:

  • 滑鼠滾輪在地圖上面往上轉可以放大地圖。或是滑鼠左鍵再地圖上連續點擊兩下也可以放大地圖。

  • 滑鼠滾輪在地圖上面往下轉可以縮小地圖。

壹、建立新地圖、開啟地圖或匯入舊版地圖

Step 1. Google Maps Engine Lite網址:https://mapsengine.google.com/map/ ,你需要一個Google帳號來登入Google Map,這應該不用再提醒了。

GoogleMapsEngine01

每個地圖都可以擁有多個圖層,不同的圖層可以同時顯示,也可以單獨顯示。

  • 第一次使用的朋友按【建立新地圖】,Google會預設建立一個圖層。
  • 按【開啟地圖】也可以開啟之前在新版地圖建立好的地圖資料。
  • 如果想要匯入我們之前在舊版地圖建立好的地圖資料,請按【建立新地圖】後再使用【匯入】的功能,然後選擇要匯入的檔案就可以了。下面會繼續。

Step 2. 進入Google Maps Engine Lite後炫則【 匯入】就可以開啟我們之前在舊版地圖建立好的地圖資料了。
GoogleMapsEngine02

Step 3. 請選擇【我的地圖】,然後選擇要匯入的地圖,最後按【選取】就可以了。請注意:一次只能匯入一份地圖。
GoogleMapsEngine03

貳、使用Google Maps Engine Lite建立一份新的地圖並加入景點標記

Step 4. 輸入新建「地圖的標題」及「圖層名稱」,方便日後查找。

  • 點擊【無標題的地圖】輸入標題。
  • 點擊【無標題的圖層】輸入圖層名稱GoogleMapsEngine04

Step 5. 建立景點的標記可以有兩種方法。

Step 5.1 第一種方法,如果你已經知道想建立的景點在地圖上的位置,你可以直接找到景點在地圖上的位置並標記。標記的時候用滑鼠點擊【新增標記】,然後將滑鼠的十字游標移到欲標示的位置,再點一下滑鼠左鍵(不是拖曳)。

GoogleMapsEngine05

Step 5.2 出現景點對話框,輸入景點名稱、景點圖片網址,以及景點的描述。最後按下【儲存】按鈕就完成了。網址及描述內容都可以保持空白,但景點名稱建議一定要填寫。按下景點對話框右上角的【X】可以關閉對話框。
GoogleMapsEngine06

Step 6. 建立景點的標記的第二種方法-使用搜尋框。找到景點在地圖上的位置,然後依照5.1及5.2的方法標記景點位置。
GoogleMapsEngine07

參、變更景點標記的符號並顯示景點名稱

Step 7. 想要變更景點符號標示的形狀及顏色或是變更圖示時,要將游標移到景點清單名稱的上面,名稱後就會出現一個新的矩形圖示,按下這個圖示就可以編輯標示符號的顏色、形狀…等。
GoogleMapsEngine08

Step 8. 出現了符號設定的對話框,

  • 點擊顏色的「色塊」,可以變更符號的顏色。
  • 點擊「圖示形狀」就可以變更景點的符號形狀成圓形、正方形、星星..等形狀,不過感覺不太會有人用就是了。
  • 點擊【更多圖示】會有更多圖示可以選擇。下個步驟會說明。

GoogleMapsEngine09

Step 9. Google Maps提供了商業、危機、設施與服務、休閒娛樂、交通、氣象等多種圖示可供選擇。完成後按【確定】鈕就可以了。
GoogleMapsEngine10

Step 10. 完成後地圖上的圖示就會跟著改變了,不過目前只有剛剛設定的做了變更。

GoogleMapsEngine11

Step 11. 請點擊【樣式】,預設是【個別樣式】,所以每個景點都可以設成不同的符號,另外有【統一樣式】、【顏色和字母順序】…等,可以自己設定看看。
GoogleMapsEngine12

肆、顯示景點名稱

Step 12. 點選【標籤】,預設值是【無標籤】,選擇【名稱】,景點上就會出現景點的名稱了。
GoogleMapsEngine13

伍、將景點地圖分享(內嵌)在網站

Step 13. 請注意:Google Map Engine的地圖分享只能在地圖的編輯模式下分享,所以如果你沒有在這個模式下,請點擊【開啟原始地圖】。
Google_Map_Engine01

Step 14. 點選在第一個下拉式選單的符號【3dots】,將會開啟下拉選單,點選【嵌入我的網站】。
Google_Map_Engine02

Step 15. 將這串程式碼貼到網站內有支援HTML語法的地方就可以顯示地圖了。請注意程式碼中有兩個參數可以更改。
Google_Map_Engine03

  • Width:地圖的寬度,內定為640像素。
  • Height:地圖的高度,內定為480像素。

下面就是我使用Google Maps Engine Lite所製作的地圖。


延伸閱讀:
如何使用Analytics追蹤對外連結點擊
如何在Mobile0發表景點並提昇部落格流量
如何利用Google Map在部落格中製作玩樂遊記地圖效果

   

在〈“使用新版Google Map Engine Lite建立旅遊食記地圖”〉中有 12 則留言

  1. Hello表示:

    請問在某一個圖層建立一個地點/景點後, 若想更改該地點所屬的圖層, 可否直接將他拖到另一個圖層?

    還是只能在另一個圖層再建立該地點一次?

    謝謝!

  2. Max表示:

    請問新版的Map Engine中,要如何觀看街景?謝謝

    • 工作熊表示:

      Max;
      新版Google Map Engine Lite一樣有個小人可以拖放到想看街景的街道處,只是轉方向有點麻煩且不習慣,必須要轉右下角的羅盤,羅盤上有兩個紅色彎曲箭頭,點那一邊就轉那一邊。

  3. Max表示:

    謝謝回覆。
    以前使用時,確實有小人可以拖放,如果搜尋某個地點,在搜尋結果中也會出現街景可供點選。
    不過最近使用時(我已經選擇將舊版「我的地圖」的資料轉換到新版Map Engine),都必須開啟自己的地圖,或是新增一個地圖,然後才能使用。但是在開啟地圖或新增地圖之後,畫面中已沒有小人,如果在搜尋方塊中搜尋,也不會出現街景供使用者點選。
    請參考截圖 https://dl.dropboxusercontent.com/u/10342603/MapEngine.JPG

  4. Max表示:

    我發現Google有提供「街景服務」https://www.google.com/maps/views/streetview?gl=tw&hl=zh-TW,該不會以後要和Map Enging分開使用吧?

  5. Max表示:

    哈哈,我知道了…如果要有小人與搜尋方塊街景選項的,要使用 https://www.google.com.tw/maps/ 這個網址,所以Mag Engine沒有提供街景功能,而是要另外用 Google Maps吧?

  6. Max表示:

    不好意思,又來打擾了,看來是我把新版 Google Maps 與 Map Engine 搞混了。在新版 Google Maps 中也可以開啟「我的地圖」,而且可使用街景。但是若要編輯景點,則要到 Map Engine。終於搞懂了…謝謝~

  7. Codychow表示:

    max兄…我在我的地圖內真的找不到街景啊找了很久也找不到….抓狂中…
    https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xpf1/t31.0-8/1402976_10152661988663821_2812259285778687632_o.jpg

    • 工作熊表示:

      codychow;
      當你處於「我的地圖」或地圖編輯模式下是沒有街景小人的。注意看如果你的網址前面為【mapsengine】就沒有街景。如果網址是【google.com.tw/maps】才會有
      想看街景建議你另外開另一個Google Map的視窗,或不要進入自己的帳號。

發佈回覆給「Max」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *