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 Web Edition Layers & FeatureSources Samples ======



==== Combining Overlays ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Combining Overlays.jpg?300x180}}
\\ 
[[Source_Code_WpfDesktopEditionSample_CombiningOverlays_101011.zip|View Source]] | 
{{:File:WpfDesktopEditionSample_CombiningOverlays_CS_101011.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Wpf ]]

In today’s Wpf project, we show a technique of using a common FeatureSource for two different Overlays. From a physical shapefile representing cities, a regular LayerOverlay is used for the higher zoom levels while a FeatureSourceMarkerOverlay is used for the lower zoom levels. FeatureSourceMarkerOverlay is a Wpf specific overlay offering features for a better user experience such a Tooltips and ImageSource.
</div>

----


==== Create GRID ====
<div sampleitem>
{{webedition:codesamples:Map Suite Desktop Edition Sample Create GRID.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample CreateGRID CS 110512.zip|View Source]] | 
{{:File:DesktopEditionSample CreateGRID CS 110512.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

Today’s sample shows the new feature available in this may release Map Suite 5 for creating GRID files. A GRID is a raster format that defines a geographic space as an array of equally sized squares (cells) arranged in rows and columns. Each cell stores a numeric value that represents an attribute (such as elevation, surface slope, soil pH etc.) for that unit of space. Each GRID cell is referenced by its x, y coordinate location. Typically a GRID file is created based on some sample points with known values. In today’s sample, we take the example of creating a GRID file based on a point based shapefile representing soil pH values of some sample locations in a field. Using the Inverse Weighted Distance algorithm for interpolation, we create the GRID with the pH value for the entire extent of the field. Look at the code and comments for more details on how GRID files get generated and displayed on the map. This sample is a Desktop application but GRID can be used in all the editions of Map Suite.
</div>

----


==== Edit Attribute Of Shapefile ====
<div sampleitem>
{{webedition:codesamples:Map Suite Wpf Desktop Edition Sample Edit Attribute Of Shapefile.jpg?300x180}}
\\ 
[[Source_Code_WpfDesktopEditionSample_EditAttributeOfShapefile_CS_110306.zip|View Source]] | 
{{:File:WpfDesktopEditionSample_EditAttributeOfShapefile_CS_110306.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

The purpose of this Wpf sample is to show how to edit the attribute of a feature of a shapefile. This sample is useful for anyone wanting to actualize the attribute part of its data by simply clicking on the desired feature on the map and updating its attribute in a textbox. You will find the editing part of the code in the KeyDown event of the textbox.
</div>

----


==== Edit Geometry Of Shapefile ====
<div sampleitem>
{{webedition:codesamples:Map Suite Desktop Edition Sample Edit Geometry Of Shapefile.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_EditGeometryOfShapefile_CS_101021.zip|View Source]] | 
{{:File:DesktopEditionSample_EditGeometryOfShapefile_CS_101021.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

The purpose of this sample is to show how to update the geometry of a feature of a shapefile in one step. This sample is useful for anyone wanting to actualize the geometry part of its data. You can see how only a few lines of code are necessary for this process and that the spatial index gets automatically updated after calling the committing the change. Notice that this sample does not show all the fanciness for manipulating at user interaction the geometry to be updated. For this purpose, you can see all the samples related to TrackInteractiveOverlay and EditInteractiveOverlay.
</div>

----


==== Get Data From Server With WCF ====
<div sampleitem>
{{webedition:codesamples:RequireDataFromServerUsingWcf.PNG?300x180}}
\\ 
[[Source_Code_SilverlightEditionSample_GetDataFromServerWithWcf_CS.zip|View Source]] | 
{{:File:SilverlightEditionSample_GetDataFromServerWithWcf_CS.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

In this Silverlight-based project, we are going to take a look at how to get geometry data from the server side using the WCF service with Map Suite Silverlight Edition, while keeping all map data on the server side. You can click any of the countries on the map to call a WCF service, which will require data from the server, and then a popup will appear with information about that country.
</div>

----


==== Graphic Logo for Web ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Graphic Logo for Web.jpg?300x180}}
\\ 
[[Source_Code_WebEditionSample_GraphicLogoAdornmentLayer_CS_100317.zip|View Source]] | 
{{:File:WebEditionSample_GraphicLogoAdornmentLayer_CS_100317.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Web \ Silverlight ]]

From a request in a Discussion Forum post, today we decided to have the Web version of a similar project Graphic “Logo Adornment Layer” for Desktop. Here we show how to use the class GraphicLogoAdornmentLayer inheriting AdornmentLayer for the Web edition.
</div>

----


==== Heat Map ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Heat Map.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_HeatMap_CS_091022.zip|View Source]] | 
{{:File:DesktopEditionSample_HeatMap_CS_101210.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

Heat maps is a technique increasingly used in various fields such in biology and other fields. See http://en.wikipedia.org/wiki/Heat_map. They are also used for displaying areas of webs page most frequently scanned by users. http://csscreme.com/heat-maps/.\\   \\ At ThinkGeo, we are taking this concept to GIS and applying it to geographic maps. Heat maps are a great way to give the users a visually compelling representation of the distribution and intensity of geographic phenomenon. \\  \\ Today, we are posting two Desktop projects on that subject. The first one is using the swine flu data we used in an earlier project. You can see how powerful the visualization of that data is to show the spatial distribution flu swine cases. In the next project, you will see how to take into account column values to produce various degrees of intensity using some earthquake data. In those two projects, you will need references to MapSuiteCore.dll and  DesktopEdition.dll.
</div>

----


==== Heat Map with earthquakes ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Heat Map with earthquakes.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_HeatMapWithEarthquakes_CS_091022.zip|View Source]] | 
{{:File:DesktopEditionSample_HeatMapWithEarthquakes_CS_101210.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

After the project on displaying swine flu data using the heat map technique, here you learn how to apply parameters other than strictly spatial distribution to affect the coloring of the map.\\   \\ In this example, the magnitude of each earthquake (from 0 to 12) is taken into account to influence the displaying of the heat map. The result is California appearing even more intense than if only the spatial distribution were taken into account.\\  \\ As for the previous project, you will need references to MapSuiteCore.dll, DesktopEdition.dll. As a caveat on heat map in GIS, it is worth mentioning that while this is great tool for displaying data in a very appealing and communicative way, it cannot be used as an analysis tool for studying spatial behaviors. For spatial analysis, GRID is the appropriate tool. Although a heat map looks like a GRID, it is not one and it cannot substitute GRID for spatial analysis.
</div>

----


==== Image Stream Loading ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Image Stream Loading.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_ImageStreamLoading_CS_100701.zip|View Source]] | 
{{:File:DesktopEditionSample_ImageStreamLoading_CS_100701.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

As an alternative to loading an Image with the image file from the file system, you can choose to pass your own stream. This project shows you how to use the event StreamLoading of GdiPlusRasterSource for this purpose. In this project, we show how to do this using a Tiff image but you can also use that event for ShapeFileFeatureSource as we show in a previous project “Shapefile Encryption”. Keep in mind that this technique only works with images besides MrSid, ECW and Jpeg2000. These types of images do not work because the providers do not support streams in their decoding SDKs.
</div>

----


==== KML Extension Web ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample KML Extension Web.jpg?300x180}}
\\ 
[[Source_Code_WebEditionSample_KmlExtension_CS_100629.zip|View Source]] | 
{{:File:WebEditionSample_KmlExtension_CS_100629.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Web \ Silverlight ]]

Upon requests from Map Suite Web developers, we created this project. It is the web version of the Desktop project “KML Extension” where we learned how to display on the map files in the KML format.\\   \\ KML is the file format for displaying geographic data in a Google Earth browser such as Google Earth. Now, you can also display such a file on a Map Suite control. Thanks to its flexible architecture to extent to new file formats, in today’s project we wrote the logic for supporting KML. Look at the class KmlfeatureSource inheriting from FeatureSource to see how the logic for reading FML files was implemented. As well, you can see the class KmlStyle inheriting from Style for the drawing logic. And feel free to modify and improve those classes with your own implementations.
</div>

----


==== Latitude Longitude Graticule ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Latitude Longitude Graticule.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_LatLongGraticule_CS_090827.zip|View Source]] | 
{{:File:DesktopEditionSample_LatLongGraticule_CS_090827.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

After the projects on North Arrow and Compass, we created another project related to Adornment Layer to have a more stylish map and give more information to the user navigating the map. \\   \\ In this project, we create a Graticule Adorment Layer that shows Meridians and Parallels displaying through the map. Meridians are lines of longitude and they have a North South orientation. Parallels are lines of latitude and they have an East West orientation.  \\ Showing graticule for latitude and longitude is a standard way in cartography to give spatial references to the users. \\  \\ You will find two zip files. One is for the Desktop Edition “LatLongGraticule” and it shows nicely the effect of the meridians and parallels as you pan and zoom in and out. You will also see, as additional spatial references to the users, the latitude and longitude location at the mouse pointer in labels at the mouse move event. You will see that information in the decimal degrees format and in the Degrees Minutes Seconds format.\\  \\ For those that don’t have the Desktop Edition, you will find the zip file “LatLongGraticuleServices” for the Service edition. It is using exactly the same GraticuleAdormentLayer class.\\  \\ In the future, we will offer another class for graticule with more options for formatting and displaying the graticule. It will also offer projection support for map that are not in Decimal Degrees map unit.
</div>

----


==== Native TAB File Suppport ====
<div sampleitem>
{{webedition:codesamples:TabFileSupport.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_NativeTabFileSupport_CS_110524.zip|View Source]] | 
{{:File:DesktopEditionSample_NativeTabFileSupport_CS_110524.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

One of the most exciting new features in MapSuite 5.0 is native TAB file support.  In the past, the FDO extension was used for displaying TAB files in MapSuite.  Now with the new TabFeatureLayer, we have a simpler and more stable method of working with TAB files.  \\  \\ This Code Community project demonstrates how to load and display a TAB file using the new TabFeatureLayer.  The example also allows you to add, edit and delete features from the TAB file.
</div>

----


==== Numbered Grid ====
<div sampleitem>
{{webedition:codesamples:Map Suite Web Edition Sample Numbered Grid.jpg?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_NumberedGrid_CS_100622.zip|View Source]] | 
{{:File:DesktopEditionSample_NumberedGrid_CS_100622.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

In many atlases, you can see maps with a numbered grid to give the page reference for a more detailed map. In today’s project, we show how to construct such a grid. Based on the extent of the feature, the number of columns and rows, a grid can be created with the page number in each cell.
</div>

----


==== Shapefile Encryption ====
<div sampleitem>
{{webedition:codesamples:?300x180}}
\\ 
[[Source_Code_DesktopEditionSample_ShapefileEncryption_CS_100417.zip|View Source]] | 
{{:File:DesktopEditionSample_ShapefileEncryption_CS_100417.zip|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: Desktop \ Web \ Silverlight \ Services \ Wpf ]]

In today’s project, we are looking at a way to encrypt shapefiles to prevent them from being used outside the application. We show how to encrypt and decrypt shapefiles using streams. You will see that a very simple encryption algorithm is used but by looking at the example, you will be able to implement your own.\\   \\ Disclaimer: This encryption system can be used only on small shapefiles due to the amount of memory used. A typical use would be to encrypt some valuable small shapefiles you don't want your users to access. In the future, Map Suite will provide a full encryption system as an API.
</div>

----


==== WMTS Overlay ====
<div sampleitem>
{{webedition:codesamples:?300x180}}
\\ 
{{:File:|C# Download}} | [[Map Suite Samples Alternate Languages | Need it in another language?]] \\ \\ 
[[Map Suite Samples Applies To|Applies To: ]]

WMTS Overlay==== {
</div>

----

=78|Sample
 !width=66|Product
 !Description
 |-
 |{{wiki:Map Suite Web Edition Sample WmtsOverlay.PNG?250}}
 |[[Source_Code_WebEditionSample_WmtsOverlay_121120.zip|View Source]]<br><br>[[:File:Source_Code_WebEditionSample_WmtsOverlay_121120.zip|C# Download]]<br><br>//[[Map Suite Samples Alternate Languages|Need it in another language?]]//
 |[[Map Suite Web Edition|Web <br><br>]]//[[Map Suite Samples Applies To|Applies To: Desktop <br> Web <br> Silverlight <br> Services <br> Wpf <br>]]//
 |This project shows how to consume data from a WMTS Server using WmtsOverlay. You would find the code pretty straightforward, while behind the scenes we request tiles from the server asynchronously and efficiently, and stitch them into a proper map. <br> This class is introduced from version 6.0.187.0, besides this WmtsOverlay, we also have WmtsLayer available. Here is the [[Map_Suite_Services_Edition_Layers_%26_FeatureSources_Samples#WMTS_Layer|WMTSLayer Sample]].
 |}

{{page>Map Suite Services Edition Layers & FeatureSources Samples}}
User Tools

Site Tools

Page Tools
