googel map嵌入, 在論壇使用了[iframe]code....
在部落格日誌中則需要用到HTML語法<iframe>.
先看看google map網站吧!
http://maps.google.com/
這是引用地圖的來源!
這是要免費註冊後方能使用, 尚未註冊登入, 進入[我的地圖], 則會如下畫面.
經過登入後,
進入[我的地圖], 由下圖看到, 我已經建立很多的地圖資料了!
點選其中一地圖資料[TEST], 左邊畫面會隨即轉換到相關地圖畫面.
再來做一個新的地圖資料, 點選[建立新地圖], 會出現欄位填入名稱, 並記得儲存.
然後移動右方的googel map地圖畫面, 找到您要建立資料點的區域,
確認後, 點選[圖示], 並在地圖上確認位點選.
右方地圖上位置點選後, 出現對話框, 請輸入[標題], 下方空白處, 依您需要鍵入資料.
我要將此點放入圖片, 則要用HTML語法連結, 並確認您連外的網路相簿網址.
[圖示]也可依喜好更換! 紅色底線, 就是網路相簿連結網址, 前後為需要的HTML語法.
輸入完畢確認後,在完成的地圖上, 點選一下地圖上的圖示! 會出現我要展示的圖片.
到此為止, 已經算是大功告成啦!
接下來就是要離節崁入論壇或部落格日誌裡.
點選右上方[連結至網頁]......
下方第二排的連結HTML語法, 可以直接貼上部落格日誌(要有開放iframe語法的功能),
但此HTML語法無法直接貼上論壇有開放code[iframe]功能, 且沒開放HTML語法的論壇!
要想貼在支援code[iframe]的論壇, 先點選[自訂和預覽內嵌地圖]....
跳出另一視窗, 可以設定一些選項, 縮放地圖到自己喜歡的區域.
下方有文字框內的語法, 加以複製,
可以直接貼上支援iframe HTML語法的部落格網站, 下面即是貼上語法後秀出的google map
檢視較大的地圖
貼上只支援code[iframe]的論壇網站時, 就要篩選一下了!
下面文字, 為上圖藍色圈選的區塊, 但未了要嵌入支援[iframe]的論壇, 就要把下面連結先找出來......
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=zh-TW&msa=0&msid=113754459518627634451.00043bf9fdfe411b1698f&
om=1&s=AARTsJrdSxkeUXgFHbSvYIsfoAXn3PEbwQ&ll=22.61718,120.267162
&spn=0.019015,0.027466&z=15&output=embed"></iframe><br/><small><a href="http://maps.google.com/maps/ms?ie=UTF8&hl=zh-TW&msa=0&msid=113754459518627634451.00043bf9fdfe411b1698f&
om=1&ll=22.61718,120.267162&spn=0.019015,0.027466&z=15&source=embed" style="color:#0000FF;text-align:left">檢視較大的地圖</a></small>
找到紅色字iframe, 前後中間綠色字部份, 複製起來, 然後利用code[iframe], 將畫面嵌入論壇.
[iframe]http://maps.google.com/maps/ms?ie=UTF8&hl=zh-TW&msa=0&msid=113754459518627634451.00043bf9fdfe411b1698f&
om=1&s=AARTsJrdSxkeUXgFHbSvYIsfoAXn3PEbwQ&ll=22.61718,120.267162
&spn=0.019015,0.027466&z=15&output=embed[/iframe]
沒有留言:
張貼留言