作者kewang ()
看板Blog
標題[教學] 把UrMap放在Blog上面
時間Sun Feb 25 21:24:02 2007
圖文版
http://blog.pixnet.net/kewang/post/2942661
我想要把我這台La Fonera的位置顯示在Blog上面。
既然是跟位置有關，那當然要用到台灣電子地圖的龍頭UrMap啦(這是我自己覺得啦
XDDDDD)，而且UrMap有公開的API，所以更可以有彈性的自訂地圖啦。
要使用UrMap的API，就要先到官方網站去申請授權碼，有了授權碼才能合法的使用API，
這邊就自己看圖吧，申請應該不是太難的事。
申請好之後，就回信箱看看有沒有UrMap的授權碼。
有了授權碼之後，接下來就是一樣要用自訂欄位把下面的語法貼上
<script type="text/javascript"
src="http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=1172405073492">
</script>
<div id="urmap" style="width: 180px; height: 300px;" ></div>
<div id="urmap_lat_lng"></div>
<script type="text/javascript">
var myIcon = new UIcon();
myIcon.image = '
http://www.urmap.com/SearchEngine/api/img/s.gif';
myIcon.iconWidth = 26;
myIcon.iconHeight = 30;
myIcon.iconAnchor = new UPoint(13, 30);
myIcon.infoWindowAnchor = new UPoint(13, 0);
function createUrMap(mapId, lat, lng, desc, latlngMsgId){
var map = new UMap(document.getElementById(mapId));
map.addControl(U_MINIZOOM_CONTROL);
var point = new ULatLng(lat, lng);
map.centerAndZoom(point, 8);
var marker = new UMarker(point, myIcon);
marker.addListener('click', function() {
alert(desc);
});
map.addOverlay(marker);
}
createUrMap("urmap", 24.7501926422, 121.750038147, "kewang在宜蘭的家",
"urmap_lat_lng");
</script>
第一處黃色的地方就是要把你的授權碼貼在這裡，這樣才能合法使用UrMap。
第二處就是要把你想要標示出來地方的經緯度貼在這裡。
要怎麼才能查你的經緯度呢？首先進入UrMap網站，然後在你想要標示的地方按右鍵，然
後選擇"查詢經緯度坐標"，就會知道經緯度了。
然後把緯度貼在第二個參數，經度貼在第三個參數，第四個參數就是你對這個地方的敘述
啦。大功告成！
其實還有很多東西可以修改的，自己就看說明文件吧。
參考資料：
UrMap API v1.06 說明文件
試玩 UrMap
--
雜七雜八的kewang部落格
http://kewang.pixnet.net
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.160.76.129
1F：推 pSeRiC:推XD 02/25 21:25
2F：推 ryanlei:push 02/26 16:45