===== Videos =====

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

Step through the Web API 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>
[[webapiedition:Introduction to the Web API Edition|{{:no_screenshot.jpg?180x99|Screenshot}}]]
\\
Introduction to the Wpf Desktop Edition
</div>

<div play medialist>
[[webapiedition:Introduction to the Web API Edition|{{webapiedition:screenshot:GettingStarted_Desktop.png?180x99|Screenshot}}]]
\\
Getting Started
</div>

<div play medialist>
[[webapiedition:Introduction to the Web API Edition|{{webapiedition:screenshot:Visualization_Desktop.png?180x99|Screenshot}}]]
\\
Visualizing Data
</div>

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

<div play medialist>
[[webapiedition:Introduction to the Web API Edition|{{webapiedition:screenshot:DrawEditFeatures_Desktop.png?180x99|Screenshot}}]]
\\
Drawing & Editing
</div>

<div play medialist>
[[webapiedition:Introduction to the Web API Edition|{{webapiedition:screenshot:GeoFunctions_Desktop.png?180x99|Screenshot}}]]
\\
Geometric Functions
</div>


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

{{page>map_suit_extending_map_suite_video_series}}

===== Screenshots =====
Screen Shots of the Web API Edition on different types of devices.

==== Traditional Browsers ====
<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GettingStarted_Desktop.png?180|Screenshot}} 
\\
//Getting Started with Map//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization_Desktop.png?180|Screenshot}} 
\\
//Visualization//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:LabelStyling_Desktop.png?180|Screenshot}} 
\\
//LabelStyling//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GeoFunctions_Desktop.png?180|Screenshot}} 
\\
//GeoFunctions//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:DrawEditFeatures_Desktop.png?180|Screenshot}} 
\\
//DrawEditFeatures//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:SiteSelection_Desktop.png?180|Screenshot}} 
\\
//SiteSelection//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization-weather_Desktop.png?180|Screenshot}} 
\\
//Visualization-weather//
</div>

<div newline></div>
<div newline></div>
==== Tablets ====
<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GettingStarted_IPad.png?180|Screenshot}} 
\\
//GettingStarted//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization_IPad.png?180|Screenshot}} 
\\
//Visualization//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:LabelStyling_IPad.png?180|Screenshot}} 
\\
//LabelStyling//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GeoFunctions_IPad.png?180|Screenshot}} 
\\
//GeoFunctions//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:DrawEditFeatures_IPad.png?180|Screenshot}} 
\\
//DrawEditFeatures//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:SiteSelection_IPad.png?180|Screenshot}} 
\\
//SiteSelection//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization-weather_IPad.png?180|Screenshot}} 
\\
//Visualization-weather//
</div>

<div newline></div>
<div newline></div>
==== Phones ====

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GettingStarted_IPhone.png?180|Screenshot}} 
\\
//GettingStarted//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization_IPhone.png?180|Screenshot}} 
\\
//Visualization//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:LabelStyling_IPhone.png?180|Screenshot}} 
\\
//LabelStyling//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:GeoFunctions_IPhone.png?180|Screenshot}} 
\\
//GeoFunctions//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:DrawEditFeatures_IPhone.png?180|Screenshot}} 
\\
//DrawEditFeatures//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:SiteSelection_IPhone.png?180|Screenshot}} 
\\
//SiteSelection//
</div>

<div medialist imagewithremaker autofit_height>
{{webapiedition:screenshot:Visualization-weather_IPhone.png?180|Screenshot}} 
\\
//Visualization-weather//
</div>