Example : Add a WKT Point layer

This example assumes you have successfully embedded the component and validated the license.

This example shows you how to add a symbol layer using WKT data. WKT is a standard for encoding geometries using plain text. The geometries can be expressed in any CRS and can be rendering using a custom legend.

• About WKT Support in WebClient : wkt
• About WKT in General : http://en.wikipedia.org/wiki/Well-known_text

Steps to take :

1. Prepare a Legend
2. Add a layer

The default symbol is a circle with a fine outline.

var legend = {};
legend.symbolTransparency = 0.0;  // default = 0
legend.symbolOutline = "255.0.0"; // default = 0.255.0
legend.symbolFill = "100.0.0";    // default = 0.102.0
legend.symbolSize = 16;           // default = 20

The default symbol appearance :

var legend = {};
legend.symbolURL = "http://server.com/symbol.png";
legend.symbolSize = 20;

For this example we're using this WKT data :

MULTIPOINT Z ((133837.75075689898 206170.68672386 66.75229158891386), (133837.87326465631 206170.879064952 72.83002653990947), (133838.30827833957 206167.78262598623 72.71889750730033), (133838.25977460685 206167.70199663375 66.79471098851391))

To add a new WKT layer we use the addWKTLayer() function :

var crs = "31370";
 
var legend = {};
legend.symbolTransparency = 0.0;
legend.symbolOutline = "255.0.0";
legend.symbolFill = "100.0.0";
legend.symbolSize = 20;
 
var wktData = "MULTIPOINT Z ((133837.75075689898 206170.68672386 66.75229158891386), (133837.87326465631 206170.879064952 72.83002653990947), (133838.30827833957 206167.78262598623 72.71889750730033), (133838.25977460685 206167.70199663375 66.79471098851391))";
 
viewer.addWKTLayer("WKT Points",wktData,crs,legend);