2007年10月7日 星期日

Google map加入部落格

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&amp;hl=zh-TW&amp;msa=0&amp;msid=113754459518627634451.00043bf9fdfe411b1698f&amp;
om=1&amp;s=AARTsJrdSxkeUXgFHbSvYIsfoAXn3PEbwQ&amp;ll=22.61718,120.267162
&amp;spn=0.019015,0.027466&amp;z=15&amp;output=embed
"></iframe><br
/><small><a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=zh-TW&amp;msa=0&amp;msid=113754459518627634451.00043bf9fdfe411b1698f&amp;
om=1&amp;ll=22.61718,120.267162&amp;spn=0.019015,0.027466&amp;z=15&amp;source=embed
" style="color:#0000FF;text-align:left">檢視較大的地圖</a></small>

找到紅色字iframe, 前後中間綠色字部份, 複製起來, 然後利用code[iframe], 將畫面嵌入論壇.
[iframe]http://maps.google.com/maps/ms?ie=UTF8&amp;hl=zh-TW&amp;msa=0&amp;msid=113754459518627634451.00043bf9fdfe411b1698f&amp;
om=1&amp;s=AARTsJrdSxkeUXgFHbSvYIsfoAXn3PEbwQ&amp;ll=22.61718,120.267162
&amp;spn=0.019015,0.027466&amp;z=15&amp;output=embed
[/iframe]

 


沒有留言: