一個ArcGIS Javascript API的BUG和處理辦法 - 調用兩次Draw工具條deactivate方法導致的錯誤
在使用者處於編輯狀態時,如果需要放大地圖,則要點擊放大按鈕,這時需要調用DrawToolbar的deactivate方法,如果再次啟動則調用activate(...)方法,這邏輯上也沒問題,但今天調試的時候發現一個bug,即如果使用者點擊了放大按鈕,我們調用了DrawToolbar的deactivate方法,而後使用者又點擊了縮小按鈕或漫遊按鈕,DrawToolbar的deactivate方法被再次調用,這時滑鼠與地圖的互動就出現了問題,拉框矩形並沒有隨著滑鼠移動的軌跡正確的移動。經調試發現這個bug只在多次調用DrawToolbar的deactivate方法時出現。
於是迅速的查了一下Javacript api的sdk,看有沒有DrawToolbar的某個屬性工作表明當前是啟用還是未啟用狀態的屬性,可惜是沒有,那麼我們就只有用一個全域的變數來標識當前DrawToolbar的狀態了,於是,如下的代碼可以繞過這個比較明顯的bug:
//是否啟用Draw工具條
var EnableDraw = false;
//啟用繪製圖形工具條(Workaround:因為它沒有屬性工作表明狀態,所以用一個全域變數來對其狀態進行標識)
function ActivateDrawToolbar()
{
console.log(EnableDraw);
if (EnableDraw === true)
{
return;
}
else
{
EnableDraw = true;
drawToolbar.activate(esri.toolbars.Draw.POINT);
}
console.log(EnableDraw);
}
//停止繪製圖形工具條(Workaround:因為它沒有屬性工作表明狀態,所以用一個全域變數來對其狀態進行標識)
function DeactivateDrawToolbar()
{
console.log(EnableDraw);
if (EnableDraw === true)
{
drawToolbar.deactivate();
EnableDraw = false;
}
else
{
return;
}
console.log(EnableDraw);
}