This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
map_suite_mobile_quick_start_guide [2015/09/18 10:25] admin [Download the Sample] |
map_suite_mobile_quick_start_guide [2017/03/17 05:03] (current) tgwikiupdate |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Map Suite Mobile Quick Start Guide ====== | ====== Map Suite Mobile Quick Start Guide ====== | ||
+ | {{section>upgrade_map_suite_to_10.0}} | ||
<div msgbox>The Map Suite MVC Mobile-Based QuickStart Guide will guide you through the process of creating a sample application and will help you become familiar with using Map Suite to create mobile-friendly applications. This edition of the QuickStart Guide supports Map Suite MVC Edition 6.0 and higher, and will show you how to create a mobile-centric ASP.NET MVC application.</div> | <div msgbox>The Map Suite MVC Mobile-Based QuickStart Guide will guide you through the process of creating a sample application and will help you become familiar with using Map Suite to create mobile-friendly applications. This edition of the QuickStart Guide supports Map Suite MVC Edition 6.0 and higher, and will show you how to create a mobile-centric ASP.NET MVC application.</div> | ||
Line 12: | Line 13: | ||
===== Download the Sample ===== | ===== Download the Sample ===== | ||
- | <faicon fa fa-download fa-lg> {{:File:HelloWorld Mobile.zip|Download Sample Code From This Exercise}} //(5.04 MB)// | + | <faicon fa fa-download fa-lg> {{filehistory:HelloWorld Mobile.zip|Download Sample Code From This Exercise}} //(5.04 MB)// |
===== Setting up the Environment ===== | ===== Setting up the Environment ===== | ||
Line 116: | Line 117: | ||
<div data-role="footer"> | <div data-role="footer"> | ||
</div> | </div> | ||
- | </code > | + | </code> |
Now, we need to change the code in _Layout.cshtml to match the following: | Now, we need to change the code in _Layout.cshtml to match the following: | ||
Line 263: | Line 264: | ||
Now we will show you how to perform a spatial query with a specified shapefile. For this example, we will use the Shapefile **cities_a.shp**, which can be found in the //\App_Data// folder of this guide's downloadable sample project.) | Now we will show you how to perform a spatial query with a specified shapefile. For this example, we will use the Shapefile **cities_a.shp**, which can be found in the //\App_Data// folder of this guide's downloadable sample project.) | ||
- | <faicon fa fa-download> {{:File:HelloWorld Mobile.zip|Download Sample Code From This Exercise}} //(5.04 MB)// | + | <faicon fa fa-download> {{filehistory:HelloWorld Mobile.zip|Download Sample Code From This Exercise}} //(5.04 MB)// |
{{mvcedition:Mobile_Img13.jpg}} | {{mvcedition:Mobile_Img13.jpg}} | ||
Line 360: | Line 361: | ||
-MVC Edition provides many client APIs which can operate the map and easily communicate with the server side. | -MVC Edition provides many client APIs which can operate the map and easily communicate with the server side. | ||
-To display a map that is optimized for mobile devices with the jQuery Mobile Framework (or another mobile UI framework of your preference), we need to control the layout when the page is loaded and resize the map accordingly. | -To display a map that is optimized for mobile devices with the jQuery Mobile Framework (or another mobile UI framework of your preference), we need to control the layout when the page is loaded and resize the map accordingly. | ||
- |