User Tools

Site Tools


modestmapviewer

ModestMapViewer

The ModestMapViewer component is primarily meant to display a ModestMap element and its associated meta-data.

A modest map showing the locations of Stonehenge and Woodhenge in a frame with menu buttons.
ModestMapViewer screenshot

Characteristic

Definition
Type Interactive Display Object
Category Component
Scope Local
Position *
Parents Container
Children *
Gestures *
Requirements none

Attribute

Type

Description
map object reference the map element

See Also: Display Attributes

<ModestMapViewer x="630" y="100" width="550" height="400" rotation="10" autoTextLayout="false">
    <TouchContainer class="frame_container" visible="true" targetParent="true" mouseChildren="false">
        <Frame class="frame_element"/>
    </TouchContainer>

    <TouchContainer class="map_container" visible="true" targetParent="false" mouseChildren="false" disableNativeTransform="true" disableAffineTransform="true">
        <ModestMap class="map_element" height="400" width="550" latitude="51.1857" longitude="-1.8033" zoom="13" mapprovider="MicrosoftHybridMapProvider">
            <ModestMapMarker longitude="-1.7867" latitude="51.1896">
                <Text text="Woodhenge" color="0xFAFAC0" fontSize="12" width="81" height="20" background="true" backgroundColor="0x594D37"/>
            </ModestMapMarker>
            <ModestMapMarker longitude="-1.8264" latitude="51.1789">
                <Text text="Stonehenge" color="0xFAFAC0" fontSize="12" width="81" height="20" background="true" backgroundColor="0x594D37"/>
            </ModestMapMarker>
        </ModestMap>	
        <GestureList>
            <Gesture ref="n-drag" gestureOn="true"/>
            <Gesture ref="n-scale" gestureOn="true"/>
            <Gesture ref="n-rotate" gestureOn="true"/>
            <Gesture ref="double_tap" gestureOn="true"/>
        </GestureList>			
         </TouchContainer>	
	
        <TouchContainer class="info_container" visible="false" targetParent="true" mouseChildren="false" >
            <Graphic color="0xFFAE1F" alpha="0.6" lineStroke="0" class="info_bg" shape="rectangle"/>		
            <Text class="title" border="false" selectable="false" text="Stonehenge and Woodhenge"/>				
            <Text width="470" height="1000" x="30" y="60" color="0xffffff" fontSize="16" wordWrap="true" multiline="true" textAlign="justify" text="Henges are types of neo-lithic earthwork featuring a ring bank and an inner ditch. It is estimated that henges served important ritual purposes. Stonehenge and Woodhenge likely served for burial ceremonies of esteemed figures."/>
    </TouchContainer>
	
    <!-- Here is where the entire menu is structured. We used "include" files to style each of our buttons individually rather than have all the mark-up here. -->
    <Menu class="menu_container" x="0" y="0" alpha="0.6" position="bottom" paddingLeft="30" paddingBottom="-50" paddingRight="20" autoHide="true" visible="false">
        <Include src="infoButton.cml"/>
        <Include src="closeButton.cml"/>
    </Menu>
    <GestureList>
        <Gesture ref="n-drag" gestureOn="true"/>
        <Gesture ref="n-scale" gestureOn="true"/>
        <Gesture ref="n-rotate" gestureOn="true"/>
        <Gesture ref="tap" gestureOn="true"/>
    </GestureList>
</ModestMapViewer>
modestmapviewer.txt · Last modified: 2015/09/18 15:53 by glass