首先我們是利用原始碼嵌入進去

所以必須使用iframe Html(框架)來設定大小與規格

這裡先提醒,google地圖可以利用地址與經緯度設定

經緯度設定是因為,當地指無法定位置跟實際地址吻合的地點就可以使用經緯度

1.利用地址定位產生地圖

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=此為輸入查詢地圖&z=數字兩碼&output=embed&t=地圖模式></iframe>

width=寬度  height=高度  (此兩個選項如果有外框包住 可設定為%數 例如我嵌入痞客幫部落格 我將寬度設定為100% 高度維持600)

q=輸入查詢的完整地址(這裡可以植入標記 例如XX股份有限公司)

z=地圖比例大小,可輸入 1-18 (建議使用15-16)

t=模式,沒輸入值時為預設地圖(建議);h為衛星圖加路線;p為地形圖

例如:桃園縣平鎮市振平街212號

把以下語法

<iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=桃園縣平鎮市振平街212號(文網股份有限公司)&z=16&output=embed&t=></iframe>

貼到HTML網頁裡執行後,執行成果如下~

 

2.利用經緯度來標示位置產生地圖

以我的公司為例24.941698, 121.220479(文網股份有限公司)  <---括號內可植入想標記的公司名稱或地點名稱,但強烈建議先植入經緯度確認位置正確再修改增加後面的標記

<iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=24.941698, 121.220479(文網股份有限公司)&z=16&output=embed&t=></iframe>

貼到HTML網頁裡執行後,執行成果如下~

創作者介紹

桃園網頁設計 安安白話論

安安 發表在 痞客邦 PIXNET 留言(0) 人氣()