把UrMap放在Blog上面－雜七雜八的kewang部落格

我想要把我這台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=xxxxxxxxxxxxx&charset=utf-8"></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>