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

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

此篇教學文提要：

查詢經緯度方法

註冊碼申請

地圖網語法說明

統合資訊

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

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

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

友邁科技所製作 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

製作專屬Google地圖

製作自己的專屬Google地圖：

google台灣地圖

有這方便網，下次不怕再迷路

google台灣地圖網址(僅限台灣)：

http://ediyacoo.googlepages.com/querymap.htm

Google Map全球網址：http://maps.google.com/

測試 設定搜尋 中和國中：

製作影片↓

google專屬地圖使用解說：

請先登入 google -方便操作

google台灣繁體中文網：http://www.google.com.tw/

再開啟Google Map全球網址：http://maps.google.com/

點選 Saved Locations 選項 -- 自己設定地圖紀錄

在 New Location 欄位中 鍵入 中和國中

點選剛鍵入的中和國中

直接轉換到 中和國中--不必辛苦的滑鼠旅遊

系統還會自動標是圖示、標籤

地圖顯示無誤 請按下 Link to this page 建立自己的專屬地圖網

注意：

建議利用滑鼠 移動 縮放地圖遠近

滑鼠滾輪也可拉近拉遠地圖

滑鼠左鍵-拉近放大地圖範圍

滑鼠右鍵-拉遠縮小地圖範圍

滑鼠上下左右移動-移動上下左右地圖方向

314製作-中和國中專屬google地圖網址

大家可以依照此法 製作幾己的專屬地圖網

朋友來訪就沒藉口說找不到路

介面解說：

英文很爛-翻譯若有不適切地方，請包涵

Search the map--搜尋 地名

Find businesses--找尋 起點-終點

Get directions-- 起點方向-終點方向

注意：

目前2007/05/02測試 搜尋這部份↓ 不管鍵入哪個台灣地名 -是都沒反應

建議使用Saved Locations--自己設定地圖紀錄 可以快速找尋自己的地圖

Map-街道地圖

Satellite-空中俯視衛星圖

Hybrid-拉近衛星圖

Saved Locations-- 自己設定地圖紀錄

Help-- google 台灣地圖說明網：

http://maps.google.com/support/?hl=zh-TW

Search History-- 搜尋 紀錄

My Account-- 我的google帳戶

Sign out-- 返回google地圖

Print--列印目前地圖

Email-- 將目前地圖信寄給朋友

Link to this page-- 將目前設定建立連結 製作專屬地圖

google 地圖 台灣繁體中文網，剛起步不久，

許多階段都在測試更新階段，請大家多給予這些幕後英雄加油

不要給予太多苛責，高手們就多幫忙設計開發便利的台灣地圖網

讓google看到台灣的存在

就314所知，台灣很多學生都在研究此領域

測試 中和國中 圖例：

中和國中操場俯視衛星圖

Title-設定標題

cription-內容描述

Public -公共場所

Unlisted -私人住所

相關地圖翻譯：

　

延伸資訊：

google 地圖 台灣繁體中文說明網：

http://maps.google.com/support/?hl=zh-TW

google 動態衛星圖

http://earth.google.com/

相關類似地圖導覽：

秦威科技：http://www.metamap.com.tw/index.asp

傳星科技：http://www.gpsstar.net/index.html

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

台灣學生寫的地圖顯示網：http://mmap.no-ip.info/

內容有需補充歡迎回應

做這篇教學文 神明有保佑

要反覆測試製作+翻譯

當了10幾次

每次都是備份放置部落格後 才當機

感恩~