ThinkGeo Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
======  Map Suite Wpf Desktop Edition Zooming Panning Moving Samples  ======
<div sampleitem>
==== Center Map Based On Lat/Long ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Center Map Based On LatLong.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_WebEditionSample_CenterMapBasedOnLatLong_CS_100108.zip|View Source]]
{{filehistory:WebEditionSample_CenterMapBasedOnLatLong_CS_100108.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
In today’s web project, we show how to have the map centered and zoomed in according to some maximum and minimum longitude and latitude values. Doing this on a map using decimal degrees is a pretty straightforward operation but if you want to do this on a map displaying Google Map or other providers such as Virtual Earth, it requires some handling of projection. In this project, we show a concrete case, where Google Map is set to an extent corresponding to Florida according to the maximum and minimum longitude and latitude values.
</div>
</div>

----
<div sampleitem>
====  Centering Map with Tolerance  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Centering Map with Tolerance.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_CenteringMapWithTolerance_CS_100114.zip|View Source]]
{{filehistory:DesktopEditionSample_CenteringMapWithTolerance_CS_100114.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
In the previous project, we showed how to center the map on a moving vehicle. While this is great, it has the disadvantage of having to refresh the map each time the vehicle changes position. In this project, we respond to this inconvenience by using a set tolerance used for determining if the map needs to be refreshed or not. If the vehicle moves within a rectangle of a certain size located in the center of the current extent of the map, the map will not refresh and only the moving vehicle will. If it moves outside the tolerance area, the entire map will be refreshed and the tolerance recalculated.
</div>
</div>

----
<div sampleitem>
====  GetZoomLevel  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Get ZoomLevel.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_GetZoomLevel_CS_100621.zip|View Source]]
{{filehistory:DesktopEditionSample_GetZoomLevel_CS_100621.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
In today’s project, we are going to show how to get the zoom level of the map each time we change its extent. Using custom zoom levels, you will see how to get the zoom level with its characteristics such as the upper and lower scale defining it. You can read the comments inside the project to better understand the relationship of scales with zoom levels.
</div>
</div>

----
<div sampleitem>
====  Map Scales  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Map Scales.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_MapScales_CS_100104.zip|View Source]]
{{filehistory:DesktopEditionSample_MapScales_CS_100104.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
With Map Suite, you can both set and get the scale of your map. In this project, we show some tricks on how to manipulate a scroll bar that allows setting the map at a scale from 1:1,000 to 1:40,000,000. We also show how to use a text box to set the map to the exact desired scale.\\   \\ This project is also an opportunity to review the very basic concept of scale in GIS. The easiest way to think about scale is to think about a ratio between what you see on the screen and the real world. So, if the scale is 1: 10,000 it basically means that one centimeter (you can use any unit) on the screen represents 10,000 centimeters (or 100 meters) in the real world. Of course, there are some intricacies related to calculating the scale for a map according to the projection etc. But, if you think in that very simple way, you will have at least an idea what the scale represents for your maps.
</div>
</div>

----
<div sampleitem>
====  Raster Layer with extent  ====
<div screenshot>
{{wpfedition:codesamples:Picture Map Suite Samples Raster Layer With Extent.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_RasterLayerWithExtent_CS_100707.zip|View Source]]
{{filehistory:DesktopEditionSample_RasterLayerWithExtent_CS_100707.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
The purpose of this project is to show the alternate way to load a regular image layer such as tiff if you don’t have a world file but know the extent of the image in world coordinate. To accomplish that, you can use a RectangleShape. In this project, you will also find more info on the world file and what the different parameters mean.
</div>
</div>

----
<div sampleitem>
====  Multiple Jpeg2000 Raster Layer  ====
<div screenshot>
{{wpfedition:codesamples:wiki_map_suite_wpf_desktop_edition_sample_multiple_jpeg2000_raster_layer.png?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_RasterLayerWithExtent_CS_100707.zip|View Source]]
{{filehistory:wpfdesktopeditionsample_multiplejpeg2000rasterlayer_08_30_2016.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
The purpose of this project is to show the alternate way to load a regular image layer such as tiff if you don’t have a world file but know the extent of the image in world coordinate. To accomplish that, you can use a RectangleShape. In this project, you will also find more info on the world file and what the different parameters mean.
</div>
</div>

----
<div sampleitem>
====  Restricting Extent  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Desktop Edtion Sample Restricting Extent.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample RestrictingExtent CS 101103.zip|View Source]]
{{filehistory:DesktopEditionSample RestrictingExtent CS 101103.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
In this sample, we show some technique for restricting the users from navigating the map beyond a certain area of the map. For this type of behavior of the map, two types of restricted extents are combined, one for panning and another larger one for zooming out. You want to handle two restricted extents to allow the users to pan and still zoom out within the restricted area. Notice that all the logic for restricting zooming out or panning is handled in the CurrentExtentChanging event.
</div>
</div>

----
<div sampleitem>
====  Map Rotation and Multi Touch(WPF)   ====
<div screenshot>
{{wpfedition:codesamples:Map_Suite_Wpf_Edition_Sample_Touch_Events.png?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_WpfDesktopEditionSample_TouchEvents_CS_140701.zip|View Source]]
{{filehistory:WpfDesktopEditionSample_TouchEvents_CS_140701.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
This sample shows how to take the advantage of a touchable screen, to play with the map using fingers. You would see we can pan the map with one finger, zoom in/out or rotate a map using 2 fingers. Not only that, we can add a marker, and track/edit a shape (point, line or polygons) by tapping on the screen. And marker/popup/label won't rotate with the map. It is straightforward to use and checking out the code, you would see it is very simple to implement with Map Suite! It is available in 8.0.48.0 or later.  \\
</div>
</div>

----
<div sampleitem>
====  Zoom In To Feature  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Zoom In To Feature.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_WebEditionSample_ZoomInToFeature_CS_100312.zip|View Source]]
{{filehistory:WebEditionSample_ZoomInToFeature_CS_100312.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
This sample is similar to the sample “Find The Feature The User Clicked On” of the How Do I apps of the Web Edition. Here instead of showing information of the selected feature, we have the feature highlighted and the extent of the map set to the bounding box of that feature. Just click on a country and the map will zoom in to it.
</div>
</div>

----
<div sampleitem>
====  Zoom In To Point  ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edition Sample Zoom In To Point.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_ZoomInToPoint_CS_091106.zip|View Source]]
{{filehistory:DesktopEditionSample_ZoomInToPoint_CS_091106.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
This project is for DesktopEdition users. As for the project TrackZoomInWithoutShiftKey, we show how to create a new class from InteractiveOverlay. InteractiveOverlay is a powerful way to interact with the map but it currently lacks documentation. While this project does not substitute a good documentation, it shows some techniques for using that class. You can take a look at the overriding method MouseDownCore to see how in a few lines of code, you can allow the users to have the map zoomed in and centered to the location the map was clicked on.\\   \\ In the next major public release of Desktop Map Suite, we will present a more complete documentation on InteractiveOverlay.
</div>
</div>

----
<div sampleitem>
====  Zoom Levels Partitioning  ====
<div screenshot>
{{:No_screenshot.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_DesktopEditionSample_ZoomLevelPartitioning_CS_091023.zip|View Source]]
{{filehistory:DesktopEditionSample_ZoomLevelPartitioning_CS_091023.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
Map Suite API conveniently offers 20 predefined zoom levels to set the different styles. With those 20 predefined zoom levels, at any change of extent, the map will snap to the nearest zoom level. While this is appropriate in most cases, you may want a more granular control on the zoom levels. This project shows how to set intermediate zoom levels between the existing predefined ones for more granularity. Since the zoom levels are based on scales, you can still use the predefined zoom levels to set the styles and have the additional custom zoom levels for more refined control on zoom level snapping. In this project, we have the WorldMapKit WMS as a layer and a regular point based shapefile. You can see how the intermediate custom zoom levels have the effect of stretching the WMS image to better fit. \\   \\ This is a Desktop project and you will need the full or evaluation references to MapSuiteCore.dll, DesktopEdition.dll and WorldMapKitWms.dll.
</div>
</div>

----
<div sampleitem>
====  Zoom to Full Extent (WPF)   ====
<div screenshot>
{{wpfedition:codesamples:Map Suite Wpf Desktop Edtion Sample Zoom To FullExtent WPF.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_WpfDesktopEditionSample_ZoomToFullExtent_CS_100816.zip|View Source]]
{{filehistory:WpfDesktopEditionSample_ZoomToFullExtent_CS_100816.zip|C# Download}}
</div>
<div sample_otherlinks>
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]
\\
[[Map Suite Samples Alternate Languages | Need it in another language?]]
</div>
Today we have the first project in the Map Suite WPF Desktop version. This is a simple project that shows how to set the current extent based on a collection of layers. You can use this technique for the common task of having the map set to the full extent. Instead of having to manually set the full extent, you can pass all the layers you want the full extent to be based on.\\   \\ This project will be followed by many other WPF projects due to the increasing popularity of that Map Suite version.
</div>
</div>

----

{{page>map_suite_services_edition_zooming_panning_moving_samples}}
User Tools

Site Tools

Page Tools
