如何將「Google Maps 地圖」嵌入到自己的網頁?

今天一早起來就紛紛收到訊息說Google Maps網路地圖服務已經開放嵌入動態地圖的功能,可以讓網友們將指定地點的地圖嵌入到自己的部落格或網站中囉,真是棒呀!

 

動態地圖範例 (可用滑鼠拖拉地圖唷~)


檢視較大的地圖

 

網站名稱:Google地圖
網站語言:中文版
網站網址:http://maps.google.com/

使用方法很簡單,找到地址後,只要按一下右上方的「連結至此網頁」,再複製「貼上 HTML 以嵌入您的網站」欄位中的程式碼,再將他貼到你的部落格文章中就可以囉,,

簡單吧。

1-1

 

另外Google Maps也有開放自訂地圖的功能唷,也就是可以自己調整地圖的尺寸,很方便吧。如果要自訂地圖大小的話,可以在上一個步驟中按「自訂和預覽內嵌地圖」就可以進入下面頁面囉。

1-2

 

此外,我們還可以切換到「我的地圖」功能頁面,在上面畫圈圈、標路線一樣可以把完成的結果嵌入到你的部落格中唷。

1-3

最後更新:11-03, 2013 下午 5:20

kjbrian

Author: 不來恩

briiancom@gmail.com

相關資訊

訪客留言:

15 Replies to “如何將「Google Maps 地圖」嵌入到自己的網頁?”

  1. 这个不算动态的吧?我请问下,如果我网站很多用户,每个用户都不同的POSTAL CODE,怎么用IFRAME或者什么方法可以嵌入地图呢?
    因为你这个是已经经过GOOGLE转换了经度和纬度的,所以可以直接IFRAME调用,可是用POSTAL CODE的方法怎么处理?
    有空请指教一下。

  2. 重複剛剛的問題,
    我知道貼哪裡了,但是為什麼貼上去後,
    瀏覽出來還是一串程式碼呢?
    懇請指教!

    不來恩說:
    to 小歪,不好意思還沒時間一一看留言,剛寫完就又跑去睡囉。

    無名小站的部份,因為他並不開放使用 iframe語法,意思就是說之前的那個 用ifram的方式嵌入Google maps地圖的功能,並無法使用在無名小站上。所以解決方法有幾種:

    1.使用無名內建的 urmap功能。
    2.搬家,不要用無名了。

    其實無名也有內建網路地圖的,大概沒做很大介紹不是很多人知道。

  3. 哈囉~我叫Amber,我們公司是網路媒體,有客戶想要做3c產品的測試報告,不知道您這邊願不願意跟我們合作,我們會給您該產品,讓您使用一陣子,然後撰寫測試報告,稿費可以再議唷~
    如果您有興趣可以將您的email或聯絡方式寄到amber@seed.net.tw !感謝您 !

發佈留言

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