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:33] mwolffer [Image Point 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 custom images. In this sample we render high schools in Frisco. We set the point type to bitmap, and give the path of image, but you can use custom 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> |