Map Suite MVC Edition Sample Applications

InteractiveOverlays

Set Image Format and Quality

Screenshot

This sample simply sets the format and quality of the map images. With these properties, we can reduce the size of each map tile to improve the access speed.

View Sample Video Walkthrough

Set the Background Color

Screenshot

This sample demonstrates how to change the map's background color on the fly.

View Sample Video Walkthrough

Add a Marker

Screenshot

This sample shows how to display a small marker image on the map to represent a point of interest.

View Sample Video Walkthrough

AutoRefreshOverlay

Screenshot

This sample demonstrates how to use the AutoRefresh functionality to refresh the map periodically.

View Sample Video Walkthrough

Draw and Edit Shapes

Screenshot

This sample demonstrates how to use the EditOverlay to draw and edit shapes on the map. The EditOverlay is used to contain the features that you want to edit on the client side. All of the features in this Overlay will be converted to client shapes. Of course, you can pass these shapes to the controller to save them.

View Sample Video Walkthrough

Track Shape Finished Event

Screenshot

The sample demonstrates the TrackShapeFinished event of the map. If you attach handlers to this event, the map will raise a form-submit each time you finish drawing a shape.

View Sample Video Walkthrough

Change Edit Settings

Screenshot

This sample demonstrates the editing modes supported by Map Suite MVC Edition.

View Sample Video Walkthrough

Label and Rotate a Marker

Screenshot

This sample demonstrates how to label and rotate a marker at runtime.

View Sample Video Walkthrough

Click Event on a Marker

Screenshot

This sample demonstrates the click event on a marker. If you click on the marker, it will raise a form-submit and pass the available information to an action in the controller.

View Sample Video Walkthrough

Highlight a Feature While Hovering

Screenshot

This sample shows how to select and highlight a feature specified by hovering over it with your mouse.

View Sample Video Walkthrough

<12>