ArcGIS For Flex学习之Mapping---Switching Basemaps

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 3                xmlns:s="library://ns.adobe.com/flex/spark"
 4                xmlns:esri="http://www.esri.com/2008/ags"
 5                pageTitle="Toggle between Map Services">
 6     <!--
 7     Description:
 8     This sample demonstrates how to allow users to change
 9     between different basemaps.  There are different ways
10     to visually accomplish this behavior, this is just one example.
11 
12     It also ensures that the levels of detail (LOD) are updated based on which basemap is selected.
13     If all base maps have the same LODs, you wouldn‘t need the layerShowHandler function.
14 
15     Documentation:
16     For more information, see the API documentation.
17     http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/geometry/MapPoint.html
18     http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/layers/TiledMapServiceLayer.html
19     http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/layers/TiledMapServiceLayer.html#tileInfo
20     http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/layers/supportClasses/TileInfo.html
21     http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/layers/supportClasses/LOD.html
22 
23     http://resources.arcgis.com/en/help/flex-api/concepts/index.html#/Types_of_layers/017p00000027000000/
24 
25     ArcGIS REST API documentation:
26     http://resources.arcgis.com/en/help/rest/apiref/mapserver.html
27     http://resources.arcgis.com/en/help/rest/apiref/tile.html
28 
29     ArcGIS for Server documentation:
30     http://resources.arcgis.com/en/help/main/10.1/#/What_is_a_map_service/0154000002m7000000/
31     http://resources.arcgis.com/en/help/main/10.1/#/What_is_map_caching/01540000048q000000/
32     -->
33 
34     <fx:Script>
35         <![CDATA[
36             import com.esri.ags.geometry.MapPoint;
37             import com.esri.ags.layers.TiledMapServiceLayer;
38 
39             import mx.events.FlexEvent;
40 
41             private function layerShowHandler(event:FlexEvent):void
42             {
43                 // update the LODs/zoomslider to use/show the levels for the selected base map
44                 var tiledLayer:TiledMapServiceLayer = event.target as TiledMapServiceLayer;
45                 myMap.lods = tiledLayer.tileInfo.lods;
46             }
47         ]]>
48     </fx:Script>
49 
50     <s:controlBarContent>
51         <s:RichText width="100%">
52             This sample demonstrates how to allow users to change
53             between different basemaps.  There are different ways
54             to visually accomplish this behavior, this is just one example.
55             Click the different buttons on the bar below to switch basemaps.
56         </s:RichText>
57     </s:controlBarContent>
58 
59     <esri:Map id="myMap"
60               level="4"
61               load="myMap.centerAt(new MapPoint(-11713000, 4822000))">
62         <esri:ArcGISTiledMapServiceLayer show="layerShowHandler(event)"
63                                          url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
64                                          visible="{bb.selectedIndex == 0}"/>
65         <esri:ArcGISTiledMapServiceLayer show="layerShowHandler(event)"
66                                          url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"
67                                          visible="{bb.selectedIndex == 1}"/>
68         <esri:ArcGISTiledMapServiceLayer show="layerShowHandler(event)"
69                                          url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"
70                                          visible="{bb.selectedIndex == 2}"/>
71         <esri:ArcGISTiledMapServiceLayer show="layerShowHandler(event)"
72                                          url="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer"
73                                          visible="{bb.selectedIndex == 3}"/>
74         <esri:ArcGISTiledMapServiceLayer show="layerShowHandler(event)"
75                                          url="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer"
76                                          visible="{bb.selectedIndex == 4}"/>
77     </esri:Map>
78     <s:ButtonBar id="bb"
79                  right="5" top="5"
80                  requireSelection="true">
81         <s:dataProvider>
82             <s:ArrayList>
83                 <fx:String>Streets</fx:String>
84                 <fx:String>Topographic</fx:String>
85                 <fx:String>Imagery</fx:String>
86                 <fx:String>Oceans</fx:String>
87                 <fx:String>National Geographic</fx:String>
88             </s:ArrayList>
89         </s:dataProvider>
90     </s:ButtonBar>
91 </s:Application>