This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
map_suite_ios_drawing_editing [2015/09/23 02:54] admin created |
map_suite_ios_drawing_editing [2016/01/12 03:30] (current) tgwikiupdate [Video Overview] |
||
---|---|---|---|
Line 4: | Line 4: | ||
{{youtube>Eac2EDw8A8Y?large|iOS Drawing & Editing Learning Sample Video}} | {{youtube>Eac2EDw8A8Y?large|iOS Drawing & Editing Learning Sample Video}} | ||
+ | <div newline></div> | ||
+ | |||
+ | == Drawing & Editing == | ||
+ | <div download_viewsource_buttons tryitonline> | ||
+ | {{filehistory:iOSEditionSample_DrawEditFeatures_141211.zip|C# Project}} | ||
+ | [[Source_Code_iOSEditionSample_DrawEditFeatures.zip|View Source]] | ||
+ | |||
+ | </div> | ||
+ | |||
+ | == Drawing & Editing(Xamarin Forms) == | ||
+ | <div download_viewsource_buttons tryitonline> | ||
+ | {{filehistory:MapSuiteFormsEdition_DrawEditFeatures.zip|C# Project}} | ||
+ | [[Source_Code_XamarinFormsEditionSample_DrawEditFeatures.zip|View Source]] | ||
+ | |||
+ | </div> | ||
===== Overview ===== | ===== Overview ===== | ||
The drawing and editing tools of the Map Suite iOS Edition allow users to draw a variety of new shapes on the map and to edit existing features. For example, a user may want to trace the outlines of buildings or other objects from aerial imagery to create and save new polygon features in vector format. Creating vector features from imagery converts them from colored pixels embedded in a grid to discrete, individual features that can then be queried and analyzed with mapping software. | The drawing and editing tools of the Map Suite iOS Edition allow users to draw a variety of new shapes on the map and to edit existing features. For example, a user may want to trace the outlines of buildings or other objects from aerial imagery to create and save new polygon features in vector format. Creating vector features from imagery converts them from colored pixels embedded in a grid to discrete, individual features that can then be queried and analyzed with mapping software. | ||
Line 9: | Line 24: | ||
At the bottom of the screen in the Instruction panel, you'll see a set of tools. The hand tool is used to pan and zoom the map. The point, line, rectangle, and so on are the drawing tools. The box with the pencil inside is the edit tool. The trash can is the delete tool. | At the bottom of the screen in the Instruction panel, you'll see a set of tools. The hand tool is used to pan and zoom the map. The point, line, rectangle, and so on are the drawing tools. The box with the pencil inside is the edit tool. The trash can is the delete tool. | ||
- | =Drawing Tools= | + | ===== Drawing Tools ===== |
You can use these tools to draw points, lines, rectangles, circles, polygons, or ellipses. To do this, simply tap on the tool, then tap the location on the map where you'd like to begin drawing. For a point, simply tap on the map. In the case of the line and polygon tools, tap the location of the next vertex (without dragging), and so on, then tap and hold the location of the last vertex. For a rectangle, circle, or ellipse, tap and drag on the map. | You can use these tools to draw points, lines, rectangles, circles, polygons, or ellipses. To do this, simply tap on the tool, then tap the location on the map where you'd like to begin drawing. For a point, simply tap on the map. In the case of the line and polygon tools, tap the location of the next vertex (without dragging), and so on, then tap and hold the location of the last vertex. For a rectangle, circle, or ellipse, tap and drag on the map. | ||
- | =Edit Tool= | + | ===== Edit Tool ===== |
Select the box icon, which is the edit tool. The features will have tiny white circles around their edges. This confirms that edit mode has been entered. The white circles are the vertices on which the shape is based. Move these vertices to adjust a feature's shape. On a line or polygon feature, it is also possible to tap on the line or border of the shape to add a new point. | Select the box icon, which is the edit tool. The features will have tiny white circles around their edges. This confirms that edit mode has been entered. The white circles are the vertices on which the shape is based. Move these vertices to adjust a feature's shape. On a line or polygon feature, it is also possible to tap on the line or border of the shape to add a new point. | ||
Line 19: | Line 34: | ||
In the middle of each shape is a move icon that can be tapped and held to move the shape. To the bottom-left of each shape is an icon that can be tapped and held to resize the shape. To the bottom-right of each shape is an icon that can be tapped and held to rotate the shape. | In the middle of each shape is a move icon that can be tapped and held to move the shape. To the bottom-left of each shape is an icon that can be tapped and held to resize the shape. To the bottom-right of each shape is an icon that can be tapped and held to rotate the shape. | ||
- | =Delete Tool= | + | ===== Delete Tool===== |
Use the trash can tool to delete all shapes entirely. | Use the trash can tool to delete all shapes entirely. | ||
- | =A Look at the Code= | + | ===== A Look at the Code ===== |
Main.cs is the entry point of the application. AppDelegate listens and responds to iOS events. Typically, the storyboards handle the UI, but in this app MainViewController sets the UI. In MainViewController, ViewDidLoad initializes up the map with the World Map Kit. InitializeInstruction sets up the Instruction toolbar at the bottom of the screen. TrackButtonClick handles the drawing and editing of each of the shapes. | Main.cs is the entry point of the application. AppDelegate listens and responds to iOS events. Typically, the storyboards handle the UI, but in this app MainViewController sets the UI. In MainViewController, ViewDidLoad initializes up the map with the World Map Kit. InitializeInstruction sets up the Instruction toolbar at the bottom of the screen. TrackButtonClick handles the drawing and editing of each of the shapes. | ||