深入淺出 Javascript API（三）–地圖配置

地圖配置圍繞對地圖基本操作的一些效果進行定製，有的是從程式調試考慮，有的從介面美觀上考慮，有的從伺服器響應速度上考慮。
    內容目錄：

1.程式調試
2.自訂導覽按鈕
3.自訂移動、放大縮小動畫
4.滑動條標註、刻度、位置、大小

1.程式調試是開發中必不可少的一個重要過程，js調試在Firefox瀏覽器上有一個大家耳熟能詳的工具Firebug，但是在IE環境下暫時還沒有這麼好的調試外掛程式，因此可以利用dojo的debug控制台管理調試過程中的資訊，協助開發。

    在head地區聲明：

<script type="text/javascript">djConfig =
{ isDebug:true };</script>

    然後在用戶端事件響應過程中加入對事件的監控，並寫入日誌：
dojo.connect(map, "onExtentChange", function(extent) { console.log("Extent changed : "
+ dojo.toJson(extent.toJson())); });

2.導覽按鈕的定製很簡單，esri.Map類提供了八個方位角所對應的方法：
map.panUpperLeft()
map.panUp()
map.panUpperRight()

    分別對應西北、北、東北，其他的可以在文檔中尋找，這些方法可以直接在用戶端js指令碼事件中調用，如按鈕的onclick事件。

3.移動和放大縮小的動畫效果取決於客戶的視覺感受，包括地圖變化期間和移動（放大縮小）速度，但也要考慮伺服器的負載，比如伺服器訪問量比較大，我們可以使用較長的期間和較慢的速度來改善使用者體驗，不至於讓使用者看到空白等待地圖的出現。

移動（預設）：
esriConfig.defaults.map.panDuration = 250; //0-1000ms
esriConfig.defaults.map.panRate = 25; //0-100

放大縮小（預設）：
esriConfig.defaults.map.zoomDuration = 250;
esriConfig.defaults.map.zoomRate = 25;

    esriConfig可以用來重寫Javascript API的預設配置參數，除了上面列舉的移動和放大縮小效果外，還有滑動條樣式、標註，放大框形狀，以及串連REST連接點的代理等。

4.捲軸指的是地圖預設左上方的放大縮小滑動條，類似於其他福士webgis應用網站googlemap、mapbar。通過簡單的編程，可以修改捲軸的顯示效果，如標註、刻度、位置、大小。建立esri.Map對象的時候，可以指定option參數，其中slider參數為Boolean類型，預設為true，寫為false則不顯示捲軸。

    捲軸標註指每一級放大縮小刻度所需顯示的標註，通過針對cache地圖，比如1級、2級、……或每個層級的比例尺

    圖中顯示的是比例尺的大小，通過layer.tileInfo.lods擷取每個層級比例尺的資訊
var lods = layer.tileInfo.lods;
for (var i=0, il=lods.length; i<il; i++) {
    labels = lods.scale;
}

    然後配置esriConfig.defaults.map.sliderLabel即可。預設狀態和設定了"esriConfig.defaults.map.sliderLabel=false"效果分別為：
   

   位置和大小主要通過"esriConfig.defaults.map.slider"指定，可以讓捲軸水平放置，還有設定離map邊框的距離。以上這些都是用戶端開發和網站介面設計時所需要考慮的，Javascript API提供了一套比較方便的方法來實現各種效果。

    部落格園連結：http://www.cnblogs.com/flyingis/archive/2008/07/21/1247636.html

本主題由 flyingis 於 2008-10-16 09:00 設定高亮