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 under Style Guide. This basic styling sample for Map Suite WebAPI Edition will provide you with an introduction to the some of the available styles, including PointStyle, LineStyle, AreaStyle, CompoundStyles, and PredefinedStyles. Styles use pens, brushes and fonts to render your data on canvas. These can be used together to achieve desired effects.

Predefined Styles


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

In this sample we render the data with predefined styles.

Area style :basemap and water

Line style :highway

Point style :poi (points of interest)

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. The brush has color and alpha. The pen has width also include color and alpha. We can change their values.

Line Style


Line style.

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.

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


Zoomlevel :17

Zoomlevel :18

Zoomlevel :19

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.

Compound Style


Compound style.

Create a compound style by combining multiple styles. In this sample we combine a circle and a star to show our office location.

map_suite_styling.1447712193.txt.gz · Last modified: 2015/11/16 22:16 by mwolffer