首先我們是利用原始碼嵌入進去
所以必須使用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網頁裡執行後,執行成果如下~
留言列表