User Tools

Site Tools


map_suite_styling

This is an old revision of the document!


Map Suite Basic Styling

Video Overview

Overview

Map Suite provides a comprehensive set of styles which will cover most mapping requirements. Read more about the Map Suite Style Guide at Style Guide. In this sample, we show how to visualize data with basic styles in Map Suite WebAPI Edition, including PointStyle, LineStyle, AreaStyle, CompoundStyles and PredefinedStyles. Styles use pens, brushes and fonts to draw data on the canvas. These tools can be used in various combinations to achieve interesting effects. Each style may use different combinations of these tools.

Predefined Styles


Using predefined styles for US highway and
major cities. including area, line, point.

In this sample, we render map with some predefined styles.

Area style :base land and water Line style :highway Point style :poi

Area Style


Initialize style.

Changed style.

Render areas such as polygons, ellipses and rectangles.In this sample we render three areas.Area style has fill solid brush and Outline pen.Brush has color and alpha.Pen width also include color and alpha.We can change their values.

Line Style


Line style.

Renders lines and multiline. 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.

Image Point Style


Image point style.

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.

Symbol Point Style


Symbol point style,symbol type is triangle.

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.

Character Point Style


Character point style,character index is 72(H).

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.

Style by Zoomlevels


Zoomlevels :1

Zoomlevels :2

Zoomlevels :3

In general styles are applied to some particular ZoomLevels. In this sample we have three sets of styles, zoom in/out we can tell the style change through different zoomlevels.

Compound Style


Compound style.

Put multiple styles together by custom styles.In this sample, we marker ThinkGeo location by circle with one star.

map_suite_styling.1447661642.txt.gz · Last modified: 2015/11/16 08:14 by tgwikiupdate