map_suite_styling
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
map_suite_styling [2015/11/16 22:16] mwolffer [Compound Style] |
map_suite_styling [2015/12/03 09:33] (current) tgwikiupdate [Video Overview] |
||
|---|---|---|---|
| Line 5: | Line 5: | ||
| <div newline></div> | <div newline></div> | ||
| + | <div download_viewsource_buttons tryitonline> | ||
| + | {{filehistory:WebAPIEditionSample_Styles_CS_151111.zip|C# Project}} | ||
| + | [[source_code_webapieditionsample_styles.zip|View Source]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/BasicStyling/leaflet/|Try It Online(Leaflet)]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/BasicStyling/openlayers/|Try It Online(Openlayers)]] | ||
| + | |||
| + | </div> | ||
| ===== Overview ===== | ===== Overview ===== | ||
| Map Suite provides a comprehensive set of styles which will cover most mapping requirements. Read more about the Map Suite Style Guide under [[Map_Suite_Style_Guide|Style Guide.]] | Map Suite provides a comprehensive set of styles which will cover most mapping requirements. Read more about the Map Suite Style Guide under [[Map_Suite_Style_Guide|Style Guide.]] | ||
| Line 39: | Line 46: | ||
| //Changed style.// | //Changed style.// | ||
| </div> | </div> | ||
| - | Render areas such as polygons, ellipses and rectangles. In this sample we render three areas. Area style has fill solid brush and Outline pen. The brush has color and alpha. The pen has width also include color and alpha. We can change their values. | + | Allows you to style areas such as polygons, ellipses and rectangles. In this sample we render schools and parks. You can render based on colors, set transparency and set the width of the borders. |
| <div newline></div> | <div newline></div> | ||
| Line 50: | Line 57: | ||
| </div> | </div> | ||
| - | Renders lines and multilines. In this sample we render major roads in Frisco. Line style has center pen, inner pen, and outer pen. We can use different colors to express different traffic conditions. | + | Renders lines and multilines. In this sample we render major roads in Frisco. Line styles have center pen, inner pen, and outer pen. You can use different colors to express traffic conditions. |
| <div newline></div> | <div newline></div> | ||
| Line 61: | Line 68: | ||
| </div> | </div> | ||
| - | Renders point with image. In this sample we render high schools in Frisco. We set the point type to bitmap, and give the path of image. | + | Renders point with custom image. In this sample we render high schools in Frisco. We set the point type to bitmap, and give the path of image. |
| <div newline></div> | <div newline></div> | ||
| Line 72: | Line 79: | ||
| </div> | </div> | ||
| - | Render point with predefined symbol, including circle, square, triangle, cross, diamond, diamond2, star, star2. In this sample we using a triangle to marker the headquarters of ThinkGeo. We need to give the point symbol type, size and area style options. | + | Allows you to render point with predefined symbol, including circle, square, triangle, cross, diamond, diamond2, star, star2. In this sample we using a triangle to mark the ThinkGeo headquarters. This is a great option if your don't have any custom images. |
| <div newline></div> | <div newline></div> | ||
| Line 83: | Line 90: | ||
| </div> | </div> | ||
| - | Render point with character. In this sample, we render hospitals in Frisco. We set the point type to character. Giving character index, font and character solid brush. | + | Allows you to render points based on a font. In this sample all hospitals in Frisco are rendered with an "H". |
| <div newline></div> | <div newline></div> | ||
| Line 102: | Line 109: | ||
| </div> | </div> | ||
| - | In general styles are applied to some particular ZoomLevels. In this sample we have four sets of styles, zoom in/out we can tell the style change through different zoomlevels. | + | Styles can be assigned to ZoomLevels. In this sample there are four sets of styles, as you zoom in/out you are able to view the the different styles based on your current zoomlevels. |
| <div newline></div> | <div newline></div> | ||
map_suite_styling.1447712193.txt.gz ยท Last modified: 2015/11/16 22:16 by mwolffer