Archive for 十二月, 2008

隨需載入UrMap API (include on demand)

Posted on 十二月 29, 2008. Filed under: API問題 |

有時候有些網頁不需要在一開始就載入urmap api，有可能是使用者觸發某個動作才要顯示地圖，這時候用原本取得API的方式(document.write)就無法作到include on demand，因此我寫了一個小程式，經過壓縮之後只有1.6kb。接下來你只要呼叫

UMarker enableDraging

Posted on 十二月 17, 2008. Filed under: API問題 |

enableDraging 讓地標設為可拖拉，透過增加監聽函式addListener 榜定dragging 與 dragend事件，可以進階控制UMarker被拖動時的動作。

function createMarker(point) {
var marker = new UMarker(point, myIcon);
marker.addListener(‘dragging’, function(e, mkr, latlng) {
[...]

UMarker triggerEvent

Posted on 十二月 17, 2008. Filed under: API問題 |

triggerEvent可以讓你直接觸發marker上自定義的監聽事件，通常會做一個地標列表列出所有的marker，當點選列表時觸發原本榜定在marker上的事件。

var map = new UMap(document.getElementById(‘map’));
map.setControlType(U_FULL_CONTROL);
map.centerAndZoom(new ULatLng(25.035405, 121.520255), 9);

// 函式：用來產生一個會顯示指定號碼在訊息視窗中的地標
function createMarker(point, number) {
[...]

如何更改地標mouse on訊息視窗的style?

Posted on 十二月 15, 2008. Filed under: API問題 |

CSS

/** MouseOnDiv 區塊 **/
.UMarkerMouseOnDiv{
position: absolute;
top:0px;
width:120px;
z-index:1;
font:12px tahoma;
display:none;
overflow:hidden;
opacity:0.8;
filter:alpha(opacity:80);
border: 1px solid #0099FF;
}
/** MouseOnDiv 標題 **/
.UMarkerMouseOnDivName{
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-image: url(UMarkerTop.gif);
background-repeat: repeat-x;
background-position: left bottom;
background-color: #0f69fe;
border: 1px solid #FFFFFF;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
}
/** MouseOnDiv 內容 **/
.UMarkerMouseOnDivDesc{
padding:1px 10px;
background-color:#FFFFFF;
}