2008年11月6日 星期四

如何把 Google Maps 放到你的部落格或網頁中!



這個構想,我想很多部落客都有這個想法,但是,可能以為很難吧!其實沒有 ..... 而且超簡單的 .....

我有一個客戶,他的部落格人氣很高,又講很多旅遊、美食類的,但是,都沒註明地點,所以,讓我們只能望文興嘆 .....

所以,今天要把這項 Google Maps 的「網頁內嵌」功能,教給大家,也讓很多的客戶可以把 Google Maps 安插在自己的網站中,增加客戶聯絡你的機會。

首先,我們先到 Google Maps 的首頁,如下圖先輸入一個地址先





「連結」的選項中,你可以看到有兩個選項:「將連結貼到 電子郵件 或 即時訊息中」「貼上 HTML 以嵌入您的網站」,我們可以直接選 「貼上 HTML 以嵌入您的網站」這個選項,但是,也可以用「自訂和預覽內嵌地圖」如下圖





我先選用「自訂和預覽內嵌地圖」,那我們可以設定地圖的大小( 如下圖 )





再來就是把 HTML 程式碼複製以後安插在網頁中:





接下來,快來看看我的成品吧!你也可以試試看自己做一個喔!加油!



檢視較大的地圖



Derek

沒有留言:

張貼留言