User Tools

Site Tools


map_suite_styling

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.

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.

Line Style


Line style.

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.

Image Point Style


Image point style.

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.

Symbol Point Style


Symbol point style,symbol type is triangle.

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.

Character Point Style


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

Allows you to render points based on a font. In this sample all hospitals in Frisco are rendered with an “H”.

Style by Zoomlevels


Zoomlevel :17

Zoomlevel :18

Zoomlevel :19

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.

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.txt · Last modified: 2015/12/03 09:33 by tgwikiupdate