試玩了一下 UrMap http://www.urmap.com/，他所提供的 API http://www.urmap.com/SearchEngine/api/documentation/，照抄範例程式碼，作了一點練習，放在我 blog 的左下角，點選地圖上的標示時，會顯示地點說明。

很可惜，免費版本無法依照地址作查詢，必須要談合作承租他們的服務才行，才能玩一些比較有意思或是便民的服務。

< script type="text/javascript" src="http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=1159444059875&charset=utf-8" >< /script > < div id="map1" style="width:200px; height:300px; border:1px solid red;" >< /div > < div id="map1_lat_lng" >< /div > < script type="text/javascript" > // 先產生一個自訂圖示的 UIcon 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); //map.addControl(U_TYPE_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); //map.openInfoWindow(map.getCenter(), '< b >摩奇辦公室< /b >'); map.addListener('moveend', function() { var center = map.getCenter(); var str = '緯度:'+center.lat() + '< br >經度:' + center.lng(); document.getElementById(latlngMsgId).innerHTML = str; }); setTimeout(function() { map.centerMap(point); }, 2000); } createUrMap("map1", 25.060386, 121.537493, "摩奇辦公室", "map1_lat_lng"); < /script >