Page Comparison

...

Add the imageTransSlider component to your client XML file. This is added to the Map View and will use existing Map Engines.

Code Block

		<view id="com.cohga.html.client.map.mapView">
			<label>Map</label>
			<location>center</location>
			...
			<statusbar>				
				<item>Image Slider</item>
				<item></item>
				<item component="weave.compassImageTransSlider">
					<width>120</width>
					<value>0</value>
					<increment>10</increment>
					<disabled>false</disabled>
					<mapEngine>mapengine.google.satellite</mapEngine>
				</item>
				<item>Google Satellite</item>
			</statusbar>
			...
			<mapEngine id="mapengine.google.standard" />
			<mapEngine id="mapengine.google.satellite" />
			<mapEngine id="mapengine.arcgis.streetmap" />
			<mapEngine id="mapengine.main">
				<options>
					...
				</options>
			</mapEngine>
			...			
		</view>

Primary image slider will transition between the layers in your ToC and the Map Engine given in the imageTransSlider. More information about the Image Slider can be found here.

To add a secondary imagery slider more configuration is required.

Code Block

		<view id="com.cohga.html.client.map.mapView">
			<label>Map</label>
			<location>center</location>
			...
			<statusbar>				
				<item>Image Slider</item>
				<item></item>
				<item component="weave.compassImageTransSlider">
					<width>120</width>
					<value>0</value>
					<increment>10</increment>
					<disabled>false</disabled>
					<mapEngine>mapengine.google.satellite</mapEngine>
				</item>
				<item>Google Satellite</item>
				<item></item>					
				<item component="weave.compassSecImageTransSlider">
					<width>120</width>
					<value>0</value>
					<increment>10</increment>
					<mapEngine>mapengine.google.alt</mapEngine>
				</item>
				<item component="weave.compassSecImageChooser">
					<layer id="0" text="Google Maps Alt" mapengine="mapengine.google.alt" isDefault="true"/>
					<layer id="0" text="Google Maps Alt Terrain" mapengine="mapengine.google.alt.terrain" />
					<layer id="0" text="OSM" mapengine="mapengine.osm" />
				</item>
			</statusbar>
			...
			<mapEngine id="mapengine.google.standard" />
			<mapEngine id="mapengine.google.satellite" />
			<mapEngine id="mapengine.google.alt" />
			<mapEngine id="mapengine.google.alt.terrain" />
			<mapEngine id="mapengine.arcgis.streetmaposm" />
			<mapEngine id="mapengine.main">
				<options>
					...
				</options>
			</mapEngine>
			...			
		</view>

This will result in two sliders as shown below.

...

Versions Compared

Old Version 6

New Version Current

Key