2007年5月3日 星期四

部落格網頁中插入地圖解說

部落格網頁中嵌入專屬地圖解說

此篇教學文提要:

查詢經緯度方法


註冊碼申請


地圖網語法說明


統合資訊

可應用在旅遊文章中,插入地圖讓網友與你一起神遊

可應用在美食介紹中,插入地圖一目瞭然,不必費心介紹地點

嵌入地圖功能目前測試結果就屬

友邁科技所製作 urmap 你的地圖 最為便利嵌入部落格中

urmap 你的地圖http://www.urmap.com/

只要跟 UrMap API 免費索取註冊碼即可

使用語法嵌入地圖至部落格及網頁中,

必須藉由地標經緯度,來準確判定自己的專屬地圖位置 

查詢經緯度方法

方法一:

urmap 蒐尋欄中 鍵入 地址或地名

例如:

鍵入 南勢角捷運站 -及馬上轉換至南勢角捷運站地圖

在地圖中還有一個可愛小黃人-點滑鼠右鍵-即有功能小介面

-點選 查詢經緯度地標 ←請記下此 經緯度

座標語法應用:

方法二:建議使用↓

可以利用 超極優秀台灣學生 所製作好用成程式網:

http://mmap.no-ip.info/ ←只要打上住址就可以馬上查詢地標

方法三:

隨欲而安 & 314 製作 UrMap地標查詢小幫手:
http://yuann.myphotos.cc/?page_id=286


http://sunny666.myweb.hinet.net/A8.html

移動地圖 下方地標會跟著改變

有了經緯度再來就是UrMap API 免費索取註冊碼即可
申請 UrMap API 註冊碼:http://www.urmap.com/SearchEngine/api/

注意:
部落格、個人網站--都要各 個別申請註冊碼
申請時要以 首頁網址 註冊,而非個別網頁網址
用 首頁 申請-整各子網頁都可以使用該註冊碼
用子網頁申請--只有該子網頁可以使用該註冊碼
 

UrMap API 有詳盡的語法說明使用法:


http://www.urmap.com/SearchEngine/api/documentation/

舉例說明:
個人網站部份:
不成材個人網站首頁 申請註冊碼:http://sunny666.myweb.hinet.net/
整各不成材子網頁都可使用該註冊碼

個人廣頁-嵌入地圖測試=成功

http://sunny666.myweb.hinet.net/A8.html

無名部落格-本身就有嵌入地圖功能

http://www.wretch.cc/blog/tn709033&article_id=7881686

無名 發表新文章 內建地圖功能 不用申請直接使用

天空部落格:
天空部落格網址= http://blog.yam.com/天空帳號
314天空部落格 申請註冊碼
http://blog.yam.com/sunny666 ←要用 網誌首頁申請

才能整各部落格都能使用該註冊碼

天空部落格-嵌入地圖測試=成功^^

http://blog.yam.com/sunny666/article/9917879


xuite部落格:

xuite部落格網址=http://blog.xuite.net/xuite帳號
314xuite部落格申請註冊碼

http://blog.xuite.net/sunny.s4039
←要用 網誌首頁申請
才能整各部落格都能使用該註冊碼

xuite部落格--嵌入地圖測試=成功^^
http://blog.xuite.net/sunny.s4039/orz888/11405863

Google部落格-嵌入地圖測試=嵌入網頁法

http://myweb.hinet.net/home16/sunny666/W2.htm

這比較特別-Google部落格 不支援 UrMap API 的 語法

所以必須用插入個人地圖網頁方法才能呈現

Google部落格 插入個人地圖網頁語法如下:




部落格部份:

奇摩部落格-嵌入地圖測試=不支援


必須用插入個人地圖網頁方法才能呈現


奇摩部落格

http://tw.myblog.yahoo.com/monkey_014148/article?mid=21339&prev=-1&next=21213


地圖語法說明
↓已有非常詳細解說 跟範例

UrMap API 語法說明:http://www.urmap.com/SearchEngine/api/documentation/

314簡略說明:

開新窗觀看-範例下載:
http://sunny666.myweb.hinet.net/A7.htm

語法說明:

 

統合資訊

urmap 你的地圖http://www.urmap.com/

申請 UrMap API 註冊碼:http://www.urmap.com/SearchEngine/api/

UrMap API 語法說明:

http://www.urmap.com/SearchEngine/api/documentation/

查詢經緯度:http://mmap.no-ip.info/

延伸教學:

製作轉屬google地圖:

http://sunny0731.blogspot.com/2007/05/google.html