fusionMap和amMap的比較

fusionMapamMap都是使用flash實現地理數據的顯示,功能相似,有一些細微的差異,以下:html

   FusionMap特徵:

        1)使用xml進行交互,這點和fusionChart區別不大git

        2) 能夠實現resize數組

        3) 支持tooltip, legend link range(區域選擇)函數

        4) 地圖省名能夠修改工具

        5) 支持添加marker,就是自定義圖標動畫

   Ammap特徵

        1) 縮放:可實現多種縮放效果,如zoomToLongLat(經度,緯度,縮放比例)   zoomToRectangle(左上經緯度,右下經緯度)等。google

            若是要支持基於地理信息的層級顯示,這點仍是很重要的,但ammap和fusionMap有個很差的地方是沒有地理信息,若是須要涉及地理信息,如街道,鄉鎮名稱就不要考慮了,推薦使用googleMapurl

        2)對 image(在某一經緯度或始終在前面),movie,   line ,dashed lines,  cured line(設置line的curved=true)的支持spa

        3) 和世界地圖組合可實現drill down 效果,就是點擊世界地圖中國部分,顯示中國的省份地圖,能夠參考原包中的實例。調試

         4)自定義對話框(InfoDescription類)

         5)自定義圖標,label,並基於經緯度定義,像素在地圖上定位

         6)將幾個省份做爲一組

         7)TimeLine,可用來實現ppt, e-learning(timeline+zoom工具實現), 基於時間變化的熱量圖(timeLine+地圖),這個須要參考官方blog 8,我也沒用過

    只是對二者進行簡單的比較,由於開發的工程中須要顯示在地圖上顯示層級數據,須要縮放功能,因此選擇Ammap,下面將以Ammap進行介紹。

 

Ammap教程

初始化顯示:
private var _china:Class;
<ammap:AmMap useObjectColorForBalloon="false" rollOverMapObject="rollOver(event)"
rollOutMapObject="rollOut(event)" id="map" developerMode="false" backgroundColor="#FFFFF0"
showMapProgressBar="true" clickMapObject="onClickMapArea(event)" width="100%" height="100%" >
</ammap:areasSettings>
<ammap:MoviesSettings centered="false" bringForwardOnHover="true" rollOverColor="#CC0000" />
 
 
<ammap:areas>
</ammap:areas>

   1.  若是使用下載文件中的sample加載後,圖形顯示金黃一片,並無顯示省名,多半是MapArea的 instanceName有錯誤,

   2.  其中ammap:DataSet 設置左上,右下的經緯度肯定map的顯示範圍,默認便可;

   3.  borders的MapArea是邊界。mouseEnabled表明鼠標事件不捕獲

   4. 當進行菜單切換時,若是要實現reset效果,能夠將dataSet清空,但必定要從新對左上和右下的經緯度賦值

dataSet.leftLongitude=73.559248;
dataSet.rightLongitude=134.775703;

    5.  設置mapArea和mapMoive的默認樣式

    6.  當在地圖上點擊時,監聽clickMapObject,其中event類型爲MapObjectEvent

    7. developerMode的開啓能夠顯示調試信息,ctrl+0可複製到剪切板

    8.  ammap:label 能夠支持html格式的標籤

    9. 啓動時進入縮放,可經過設置DataSet的zoomLevel, zoomLong,zoomLat實現,url表示默認選中的MapMovie的Id,

修改tooltip相關樣式
<ammap:balloon> <ammap:AmBalloon fontSize="18" fillColor="#000000" color="#FFFFFF"/></ammap:balloon>
縮放工具和比例尺的使用
<ammap:LegendItem text="良好" markerColor="#179C17"/>
<ammap:LegendItem text="通常" markerColor="#FCFA51"/>
<ammap:LegendItem text="嚴重" markerColor="#FF0000"/>
<ammap:zoomControl>
</ammap:zoomControl>
 
   注意事項:

     1. area的顏色根據 value和solidColor自動生成 ,因此若是你要指定MapArea的顏色,必定不要設置vaule的值,否則你會發現MapArea的顏色在偷偷的改變。

     2. 若是使用xml進行MapArea的賦值,注意group字段是MapObject的實例,而不是String ,實現方法是,先在一個循環中,實現MapArea中實現 實例的賦值; 而後對每個MapArea group中的字符串進行遍歷,對於每個string,調用findObject獲得其對應的MapArea。獲得數組後,賦值給該MapArea,如: obj.linkWith=groupAreas;
    3.  建議對每層數據設定固定的縮放比

    4.  經過movie.movieClass賦值,可實現動畫圖標,但要求圖標是swf格式,gif不支持

    5. 當更新完數據後,調用 map.invalidateData();    實現數據從新初始化

    6. 在監聽事件時,若是輸出信息,調用 event.toString()函數。

    7.  點擊葉子節點後,葉子不消失的方法。 按官方說法,只要你不設置葉子的 zoomLevel,而且其中沒有包含MapMovie,而且設置movie.remainVisible=true;就不會消失。 但我這有些問題,個人實現思路是:

           當點擊分支節點時,保存該分支節點到 selectedArea變量。

           將葉子節點加入到該分支節點的movies數組中

           當點擊葉子節點時,設置當前選中對象爲selectedArea

相關文章
相關標籤/搜索