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 Services Edition Styles Samples  ======
<div sampleitem>
====  Adjusted Scaling Image Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Adjusted Scaling Image Style.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_AdjustedScalingImageStyle_CS_091222.zip|View Source]]
{{filehistory:ServicesEditionSample_AdjustedScalingImageStyle_CS_091222.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 address some of the limitations of the ScalingImageStyle that we saw in the project of the same name. As with ScalingImageStyle, with AdjustedScalingImageStyle, you have the icon scaling up and down according to the zoom level; but you can also have the icon pointing correctly to the point feature it represents if for example you are using a pin as an icon. Also, the problem of the height of the image not sizing proportionally to its width has been corrected.
</div>
</div>

----
<div sampleitem>
====  Cached Value Style  ====
<div screenshot>
{{:no_screenshot.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_CachedValueStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_CachedValueStyle_CS_090728.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 MapSuite API provides a Value Style as you can see in the sample app “Draw features based on value”. This is a great way to display feature features based on some value of a column. With this style and any other styles offered by the MapSuite API, each time the map has to redraw the value for each feature within the current extent has to be fetched. This can affect the performance especially if a large number of features are used. With CachedValueStyle, the value for each feature is cached into memory to reduce the overhead of having to go and fetch the value for each feature each time the map has to draw. Using this CachedValueStyle has a benefit on performance but you need to pay attention on memory usage.
</div>
</div>

----
<div sampleitem>
====  ClusterPointStyle  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Cluster Point Style.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ClusterPointStyle_CS_090918.zip|View Source]]
{{filehistory:ServicesEditionSample_ClusterPointStyle_CS_090918.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 project, you will see how to use a custom style, ClusterPointStyle for clustering various features into one. Sometimes, the map may have many features stacked on top of each other at high zoom levels making the map too busy and difficult to read. Clustering is a usefull technique in those situation making the map more readable. It groups together various features into one symbol with the count of all the features being labeled.\\   \\ There are many ways for finding the location of the cluster point. One of the simplest is to use the center of gravity of all the clustered features as used in this project.\\  \\ In this project, we are using volcanoes because natural phenomenon are usually good candidates for being clustered.
</div>
</div>

----
<div sampleitem>
====  Decimal Degrees Formatting  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Decimal Degrees Formatting.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_DecimalDegreesFormatting_CS_091007.zip|View Source]]
{{filehistory:ServicesEditionSample_DecimalDegreesFormatting_CS_091007.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 complete the static class DecimalDegreesHelper. This class offers functions to go to and from Decimal Degrees but it lacks the functions handling various formats such as Degrees Decimal Minutes and Degrees Minutes Decimal Seconds. Those formats can be output by different GPS devices and it is handy to know how to manipulate them and convert them to Decimal Degrees, the only format that can be input into a GIS or Mapping application.
</div>
</div>

----
<div sampleitem>
==== Displaying One-Way Streets ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Display One Way Streets.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_DisplayOneWayStreets_CS_091215.zip|View Source]]
{{filehistory:ServicesEditionSample_DisplayOneWayStreets_CS_091215.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 Discussion Forum Post “Drawing one-way streets in the map”, we have a question on how to display an arrow on a street that is one way as Google Map does. In this project, we show the solution by creating a LineStyle specifically for that purpose. We take the shapefile “AustinWithOneWayRoad.shp” from the sample app “Route On One-Way Roads” of Map Suite Routing Extension to display the arrow according to the traffic direction on the one-way streets
</div>
</div>

----
<div sampleitem>
====  Doughnut Point Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Doughnut Point Style.JPG?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_DoughnutPointStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_DoughnutPointStyle_CS_090728.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 shows how to create a doughnut point style as this style is not offered by the MapSuite API. DonutPointStyle inherits from PointStyle and you will notice that in the overridden method DrawCore, no reference to any GDI + API is used. That means that this style is drawing system independent.
</div>
</div>

----
<div sampleitem>
====  Feature Centric Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Feature Centric Style.JPG?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_FeatureCentricStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_FeatureCentricStyle_CS_090728.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 got inspired for looking at the sample “ClassBreakStyle” of How Do I demo apps. Using a ClassBreakStyle, the data is displayed based on what class each feature belongs to. Using a custom FeatureCentricStyle, each feature is displayed in relation to a central feature. In this example, it shows all the countries that have a comparable population to a reference country.\\   \\ To do that, we use a custom style FeatureCentricAreaStyle inheriting from AreaStyle and we override DrawCore and GetRequiredColumnNamesCore methods. The code in DrawCore loops thru all the features and checks if the value for a specified column is within a certain range of the central feature. \\  \\ You can see how you could apply and extent the logic of this custom style to be used in Real Estate for example, where you could see all the properties that are comparable according to some criteria to a selected property.
</div>
</div>

----
<div sampleitem>
====  Flashing Point Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Flashing Point Style.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_FlashingPointStyle_CS_091112.zip|View Source]]
{{filehistory:ServicesEditionSample_FlashingPointStyle_CS_091112.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 project, we explore how to create a point style that flashes. Here we take the example of a vehicle moving around based on GPS location and flashes when entering prohibited zones. I think that this project will inspire people working on building a vehicle tracking application. This project is a general solution for a Servicess edition. Notice that we are using two MapEngines with one only for drawing the flashing vehicle to avoid redrawing the other layers at each flashing.\\   \\ Later, we will publish projects specifically adapted for the Desktop and Web editions.
</div>
</div>

----
<div sampleitem>
====  Hybrid TextStyle  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Hybrid TextStyle.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_HybridTextStyle_CS_091124.zip|View Source]]
{{filehistory:ServicesEditionSample_HybridTextStyle_CS_091124.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 a follow up to the Discussion Forum post [[http://gis.thinkgeo.com/Support/DiscussionForums/tabid/143/aff/21/aft/6652/afv/topic/Default.aspx|here]]   \\ Rotating the feature text (similar to wordwrap).\\  \\ In this project, we create a new Text Style combining word wrapping that we saw in the project http://code.thinkgeo.com/projects/show/wordwrapped and text rotation. You can see the labels word wrapping and rotating in harmony with the resizing and rotating of the shapes.
</div>
</div>

----
<div sampleitem>
====  Image Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Image Style.png?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ImageStyle_CS_120209.zip|View Source]]
{{filehistory:ServicesEditionSample_ImageStyle_CS_120209.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>
As you probably already know, using the Map Suite API, you can easily display a point-based feature as an image. But how do you do the same thing for a line or a polygon-based feature? In this WPF project, we show you how to create custom Image Styles for both line and polygon features. With the new ImageAreaStyle, you can display a polygon feature that uses an image as its fill. You can see how an image for forest and water is used in the sample project. And with the new ImageLineStyle, you can do the same thing with line features. You'll see how an image of a pavement texture is used to represent streets.
</div>
</div>

----
<div sampleitem>
====  Isolines  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Isolines.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
{{filehistory:ServicesEditionSample_Isolines_CS_WPF_111115.zip|C# Download}}
{{filehistory:ServicesEditionSample_Isolines_CS_WinForms_111115.zip|C# WinForms 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 how you can use Map Suite to add isolines (commonly known as contour lines) to your .NET application.  Isolines are a way to visualize breaks between different groups of data such as elevation levels, soil properties, or just about anything else you can imagine.  This sample also shows the various steps in creating isolines, including the gathering of point data, creating a grid using interpolation, and finally, picking your isoline break levels.  We also quickly dive into some more advanced options such as generating isolines on the fly.  \\  \\ To bring this all together, check out our [[http://wiki.thinkgeo.com/mediawiki/images/0/0a/MapSuiteIsoLineIntroduction.wmv|instructional video]] that will walk you through the process of setting up and working with isolines in Map Suite.  \\  \\ Please note that you will need version 5.0.87.0 or newer of Map Suite in order to use isolines. For more information on how to upgrade, see the [[Map Suite Daily Builds Guide]].
</div>
</div>

----

<div sampleitem>
====  Rotate Icon  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Rotate Icon.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_RotateIcon_CS_091031.zip|View Source]]
{{filehistory:ServicesEditionSample_RotateIcon_CS_091031.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 “How Do I” windows apps, there is sample “Efficiently Move A Plane Image” that shows a plane moving across the map from west to east along the Great Circle path. A flaw in this sample is that the plane is always shown flying in one direction regardless of the curve of the path.\\   \\ In today’s project, we learn to correct that by setting an angle to the image. The key function is GetAngleFromTwoVertices. You can take this function is apply it to your vehicle tracking needs. It can be used to display any moving vehicle with the orientation according to the heading direction.
</div>
</div>

----
<div sampleitem>
====  Routing Styles  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Routing Styles.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_RoutingExtension_RoutingStyles_CS_100211.zip|View Source]]
{{filehistory:ServicesEditionSample_RoutingExtension_RoutingStyles_CS_100211.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 API for the Routing extension product provides a class RoutingLayer. RoutingLayer is basically a convenient layer to have the features for routing being displayed in a default way. You can add the start, end point, the routes and it is going to display that nicely for you without much work on your side. While this is convenient, you may be in the situation when you want more control on the styles and have the whole flexibility that an InMemoryFeatureLayer gives you. In this project, we show how to display in InMemoryFeaturesLayers the start and end points, as well as the resulting route using the full power of InMemoryFeatureLayer such as zoom levels and custom styles.
</div>
</div>

----
<div sampleitem>
====  Scaling Image Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Scaling Image Style.JPG?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ScalingImageStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_ScalingImageStyle_CS_090728.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 presents a useful case where you want to have the icon representing a feature to be sized in proportion to the current scale. It is little bit similar to what we show in the project SizedPointStyle exept that the size of the symbol is based on the scale, not on some values specific to each feature. That explains why in the class ScalingImageStyle, the method GetRequiredColumnNames is not overriden. The whole drawing logic can be contained in DrawCore.
</div>
</div>

----
<div sampleitem>
====  Scaling TextStyle  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Scaling TextStyle.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ScalingTextStyle_CS_090918.zip|View Source]]
{{filehistory:ServicesEditionSample_ScalingTextStyle_CS_090918.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 shows how to create a Style inheriting from TextStyle to have the label sizing according to the scale. You will see that the logic of scaling is basically the same as the on in the previous project “ScalingImageStyle” but applied to TextStyle.
</div>
</div>

----
<div sampleitem>
====  Scaling TextStyle for Polygon  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Scaling TextStyle for Polygon.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ScalingTextStyleForPolygon_101001.zip|View Source]]
{{filehistory:ServicesEditionSample_ScalingTextStyleForPolygon_101001.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 project "Scaling TextStyle", we learned how to create a custom TextStyle to have the font size proportional to the scale while zooming in and out the map when labeling point based features. In the project "Scaling Image Style", we learned basically the same thing but applied to an icon or an image. In today's project, we also learn how to create a scaling textStyle but for polygon features. Notice in the overridden DrawCore function how we calculate the font size based on the current and how we make sure no label overlapping exists by using the function CheckOverlapping of the base class before drawing the label for each part of the polygon.
</div>
</div>

----
<div sampleitem>
====  Sized Point Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Sized Point Style.JPG?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_SizedPointStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_SizedPointStyle_CS_090728.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>
Creating a Custom Style is a great way to encapsulate custom logic draw symbol based on some values. This project shows that using the concrete example world capitals. In this example, we draw capitals as circles with the size proportional to the population. We create the class SizedBasedPointStyle inheriting from PointStyle. We override the method DrawCore for the drawing logic. We also override the method GetRequiredColumnNamesCore to make sure we have the column for Population that will be used in DrawCore method to calculate the correct size of the circle for each feature.
</div>
</div>

----
<div sampleitem>
====  Start End LineStyle  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Start End Line Style.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_StartEndLineStyle_CS_100817.zip|View Source]]
{{filehistory:ServicesEditionSample_StartEndLineStyle_CS_100817.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 are looking at how to extent LineStyle to have a style for lines that shows the start and end points. This is useful to display line features with that custom LineStyle if you are mindful of the order it was digitized and you want to know the direction of the lines. This project is similar to previous ones where LineStyle is extended such as “One Way Streets” and “Distance Line Style”.
</div>
</div>

----
<div sampleitem>
====  TextStyle for Multi Line  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample TextStyle for MultiLine.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_TextStyleForMultiLine_CS_100831.zip|View Source]]
{{filehistory:ServicesEditionSample_TextStyleForMultiLine_CS_100831.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>
If you are labeling features based on MulilineShapes, using the default TextStyle, only one line of the collection of lines making up the MultilineShape is going to be label. In today’s project, we show how to create a new class inheriting from TextStyle that will label all the lines of the MultilineShapes. That behavior is similar to the property LabelAllPolygonParts of DefaultTextStyle for polygons.
</div>
</div>

----
<div sampleitem>
====  Time Based Point Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Time Based PointStyle.JPG?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_TimeBasedPointStyle_CS_090728.zip|View Source]]
{{filehistory:ServicesEditionSample_TimeBasedPointStyle_CS_090728.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 shows how to create a custom style to display info based on some live data. Here we display world capital with a symbol for day or for night according to the local time. The method GetRequiredColumnNamesCore is overridden to make sure the column for the time zone is used. The method DrawCore is also overridden. It contains the logic to determine if a feature is within day time or night time according to the time zone column and the system time on the machine.
</div>
</div>

----
<div sampleitem>
====  Time Line  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample Time Line.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_TimeLine_CS_091013.zip|View Source]]
{{filehistory:ServicesEditionSample_TimeLine_CS_091013.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 project, we learn another way to inherit from Style creating the class DateBasedStyle to display features according to some time values. Using a Time Line based on a track bar, the user can scroll back and forth on the time line to see what states were parts of the Union at any year.\\   \\ Also, notice that this project used three instances of the MapEngine to have the states of Alaska and Hawaii displayed on a different PictureBox.
</div>
</div>

----
<div sampleitem>
====  ValueStyle with Countries  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample ValueStyle with Countries.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_ValueStyleWithCountries_CS_100123.zip|View Source]]
{{filehistory:ServicesEditionSample_ValueStyleWithCountries_CS_100123.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 revisit the ValueStyle class that is introduced in the “How Do I” sample app “Draw Features Based on Values”. In that sample app we show how to use the ValueStyle on a point based layer to display cities according to their population rank. In today’s Code Community project, we apply the ValueStyle to the polygon based countries layer (supplied with the sample apps). The countries layer has a column named “Color_map” with values from 1 to 8. Each number is assigned a color; that way the countries are displayed with 8 various colors on the map helping to distinguish them easily.\\   \\ Also, in this project, we pay attention to some advisable cosmetic practices for using light or pastel colors. As a general rule, it is recommendable to use lighter colors for displaying general background features such as countries rather than brighter ones to have a more pleasing visual experience for the map users.
</div>
</div>

----
<div sampleitem>
====  WordWrapped TextStyle  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample WordWrapped TextStyle.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_WordWrappedTextStyle_CS_091020.zip|View Source]]
{{filehistory:ServicesEditionSample_WordWrappedTextStyle_CS_091020.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 Discussion Forum post “Display word-wrapped text”, there is a discussion on how to implement a TextStyle doing word wrapping. In this project, you will actually find a working implementation. Notice that by using the class WordWrappingTextStyle, word-wrapping is applied according the proportion of the size of the text to the size of the bounding box of the feature to label. This means that the label can be word-wrapped or not depending on the zoom level.\\   \\ You can find the discussion forum post on that topic at:  \\ http://gis.thinkgeo.com/Support/DiscussionForums/tabid/143/aff/21/aft/6421/afv/topic/Default.aspx
</div>
</div>

----
<div sampleitem>
====  World Sized Image Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample World Sized Image Style.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_WorldSizedImageStyle_CS_091030.zip|View Source]]
{{filehistory:ServicesEditionSample_WorldSizedImageStyle_CS_091030.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>
At the request of a client, today we have a project showing how to have an ImageStyle of real world dimension. A good example to show that is to use an image representing a cruise ship. Knowing that the ship is of 300 meters of length and 90 meters of width, we can use an image representing a ship and set those dimension to it. It will be drawn on the map always at those dimensions regardless of the zoom level. The logic used for this is very similar to what we saw in the project World Sized TextStyle but applied to images.
</div>
</div>

----
<div sampleitem>
====  World Sized Text Style  ====
<div screenshot>
{{servicesedition:codesamples:Map Suite Services Edition Sample World Sized TextStyle.jpg?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_WorldSizedTextStyle_CS_090924.zip|View Source]]
{{filehistory:ServicesEditionSample_WorldSizedTextStyle_CS_090924.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 our Discussion Forum, we have a user asking for how to label text at world coordinates. For example, how to display a label at a size of 50 kilometers? Now, you can find in this project a custom TextStyle called WorldSizedTextStyle that does that. Whether your map is in Meters, Feet or Decimal Degrees, you can have the labels displayed at the desired size in any real world distance unit such as kilometers, meters, miles, feet etc.
</div>
</div>
----
<div sampleitem>
====  Circle With Mask Label ====
<div screenshot>
{{wpfedition:codesamples:circkewithmasklable.png?300x180}}
</div>
<div content>
<div download_viewsource_buttons>
[[Source_Code_ServicesEditionSample_WorldSizedTextStyle_CS_090924.zip|View Source]]
{{filehistory:wpf_circlewithmasklable11022016:wpf_circlewithmasklable11022016.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 our Discussion Forum, we have a user asking for how to label text at world coordinates. For example, how to display a label at a size of 50 kilometers? Now, you can find in this project a custom TextStyle called WorldSizedTextStyle that does that. Whether your map is in Meters, Feet or Decimal Degrees, you can have the labels displayed at the desired size in any real world distance unit such as kilometers, meters, miles, feet etc.
</div>
</div>
User Tools

Site Tools

Page Tools
