請一起支持『1919食物銀行』

2015年8月22日 星期六

在Blog中嵌入Google地圖的方法

如果您想在Blog上加上地圖,您會怎麼做?
  • 給個地址,請讀者自己查?
  • 把查詢好的地圖轉成圖檔後再貼上?
  • 把Google Map直接嵌進Blog中?
如果可以的話,相信大部分的人都會選擇第三個方案吧?
但...要怎麼做呢?

別急,其實很簡單的!跟著小編的說明來實際做看看吧!

第一步:進入Google Map,網址是:http://maps.google.com.tw/

第二步:輸入您想要查詢的地址,例如:臺北市重慶南路一段122 號
                然後...您就找到總督府...更正,是總統府了!(別亂闖喔!)

第三步:取得HTML碼
          在這一步驟,會遇到一個問題,就是Google Map版本的問題
  • 如果您是舊版的Google Map
          點選一下『連接至此網頁』的位置,就會顯示出您需要的HTML碼了
       
  • 如果您是新版的Google Map
          請點選剛剛輸入地址的左側的『三』字符號

          接著請點選『分享或嵌入地圖』

          然後會跳出一個對話框,點選『嵌入地圖』

          就會出現需要的HTML碼了!

          複製完成將HTML碼貼上支援HTML程式碼的blog中即可
          嵌入後顯示的外觀,如下:


試試看吧!如果還有問題,歡迎留言給我喔!

沒有留言:

張貼留言

歡迎各位朋友留言指教