===== Videos =====

==== •  Web Edition Sample App Walkthrough Video Series ====

Step through the Web Edition sample applications and see how they're put together. We'll demonstrate how to use each app, then take you through every part of the source code and show you how it works.\\ 

**Tip**: //You'll want to select "Fullscreen" to properly read the source code.//


<div play medialist>
[[webedition:Introduction to the Web Edition|{{webedition:screenshot:Introduction_to_the_Web_Edition.png?180x99|Screenshot}}]]
\\
Introduction to the Web Edition
</div>

==== •  Extending Map Suite Video Series====

{{page>map_suit_extending_map_suite_video_series}}

===== Screenshots =====
The Web Edition screenshots gallery section showcases a wide range of screenshots covering various GIS features of the Web Edition map control.

<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_MapControls.png?180|Screenshot}} 
\\
No extra coding necessary
Includes panning, zooming, scale bar, mini map & more
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_OffenderTracking.png?180|Screenshot}} 
\\
Track multiple markers
Load meta data from XML
Show details in a popup
</div>

<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_VehicleTracking.png?180|Screenshot}} 
\\
Automatically track multiple vehicle locations
Track weather features
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_ChartsGraphs.png?180|Screenshot}} 
\\
Integrate charts and graphs on your map
Uses ZedGraph classes
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_Tooltips.png?180|Screenshot}} 
\\
Design your own tooltips with custom HTML
Include images
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_TrackShapes.png?180|Screenshot}} 
\\
Draw track shapes
Edit and rotate shapes
Save shapes to the server
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_DotDensity.png?180|Screenshot}} 
\\
Plots points on your map
Point density represents numeric data
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_RegEx.png?180|Screenshot}} 
\\
Render features based on a regular expression
Puts you in control
</div>

<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_ValueRendering.png?180|Screenshot}} 
\\
Render features based on a range of data values
Useful for points & labels
</div>

<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_ThematicFeatures.png?180|Screenshot}} 
\\
Render features specifically based on a theme
Colorize map features
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_Projections.png?180|Screenshot}} 
\\
Project your spatial data
Nearly every known projection is available
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_MapRotation.png?180|Screenshot}} 
\\
Draw your maps in any orientation you wish
Real-time rotation
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_GreatCircle.png?180|Screenshot}} 
\\
Connect points using the Great Circle model
Show accurate distances
</div>


<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_PointsUsingBitmaps.png?180|Screenshot}} 
\\
Draw an image at a point
Additional options include vector symbols
</div>

<div medialist imagewithremaker>
{{webedition:screenshot:Map_Suite_Web_Edition_Screenshot_Gallery_OnlineBackground.png?180|Screenshot}} 
\\
Use an online mapping service for your background
Google, Yahoo, or WMS (third party licensing may apply)
</div>