追蹤
在回家的路上遇見彩虹
關於部落格
我是騎士!在回家的路上遇見彩虹的騎士!
  • 363647

    累積人氣

  • 34

    今日人氣

    10

    追蹤人氣

[教學]輕鬆學Blog:如何在網誌之中加入GoogleMaps(第20課)

☆申請一個Google的帳號☆
由於要使用GoogleMap,需要一個Google的帳號,
因此我們需要先申請Google帳號喔!

打入下列網址:mail.google.com


出現Gmail的登入畫面。


如果你已經有一個Google帳號,請直接登入你的帳號、密碼。


如果你沒有Google的帳號,請點一下下方的「申請使用Gmail」。


進入「建立帳戶」的申請畫面,請填妥相關的申請資料。




相關資料填寫完成之後,點一下「我接受;建立我的帳戶」。


帳號申請完成啦!
騎士申請的練習用帳號:zoo101zoo101、密碼:101zoo101zoo,大家可以用這個帳號練習一下!


登入Gmail之後,會出現「恭喜」畫面!


點一下「我準備好了-顯示我的帳戶」。


登入Gmail成功啦!


☆開始使用GoogleMaps!☆
在網址的位置,輸入:maps.google.com


因為剛剛我們已經登入Gmail,所以在右上角會出現我們剛剛登入的帳號。


此時在畫面正中間,會出現GoogleMaps的主畫面!


請在中間的搜尋處,輸入要查詢的地址。


騎士輸入文化大學推廣教育部的地址:台北市建國南路2段231號。


輸入之後,點一下「搜尋地圖」。


此時就會在主畫面的地圖上顯示剛剛搜尋的結果!


在地圖上會指出一個綠色指標,指出該查詢的位置。


請點一下「儲存至我的地圖」。


可以再輸入對該場地的說明!


輸入完成,按一下確定就標記完成。


果然,在地圖上標記了「文化大學推廣教育部」。


如果地圖的位置有一點偏離,可以點一下右鍵,點一下「將地圖於此置中」。


點一下右上方的按鈕「顯示衛星圖」。


這時候,地圖就切換成「衛星圖」。


如果點一下右上方的按鈕「顯示具有地形的街道圖」。


這時候,地圖就切換成「顯示具有地形的街道圖」。


此時,點一下右上方的「連結至此網頁」。


這時候,在右方將出現該地圖的連結訊息。


其中,「貼上HTML以嵌入你的網站」的程式碼,方便你打包帶走!


☆如何將「GoogleMaps」插入網誌之中呢?☆
在「貼上HTML以嵌入你的網站」的程式碼上按一下滑鼠右鍵,選擇「複製」。


回到天空部落的網誌之中。


點一下「原始碼」!


在原始碼的情況之下,找到合適的位置,按滑鼠右鍵選擇貼上!


將程式碼貼上了。


再點一下「原始碼」。


果然,剛地圖已經插入在我們的網誌之中啦!

相簿設定
標籤設定
相簿狀態