logo
API Documentation
Tutorials
Getting Started Initialization Layers Third party Controls Geometries Vector styles Measures InfoBox Utils
Releases

Tutorials

  • Getting Started
    • Setup
  • Initialization
    • Init with token
    • Init with username/password
    • Init with constrained zoom levels
    • Init empty map
    • Init with multiple maps
    • Init in 3D mode
    • Init with image 3D mode
    • Init map with a restricted extent
  • Layers
    • XYZ Tile
    • WMS Tile
    • WMTS Tile
    • Vector Layer
    • Vector Tiles
    • WFS Layer
    • ArcGIS Feature
    • Group Layer
  • Third party
    • Google
    • Google side by side
    • Cesium
  • Controls
    • Basics
    • Map modes
    • Map orientations
    • Layer control
    • Zoom control
    • Map Bar Control
    • Map Button
    • Map Toggle
    • Vexcel image metadata
    • Vexcel find collection
    • Vexcel show collection
    • Vexcel Infrared
    • Brightness and Contrast Control
  • Geometries
    • Point
    • Line
    • Polygon
    • MultiPolygon
    • WKT reader
    • GeoJSON reader
    • Feature click
    • Feature hover
  • Vector styles
    • Polygon styles
    • Point styles
    • Point shapes styles
    • Text styles
    • Feature styles
  • Measures
    • 2D mode
    • 3D mode
    • Change units
    • Edit
    • Tooltips
    • Custom Tooltips
  • InfoBox
    • InfoBox fixed
    • InfoBox on click
    • InfoBox feature
  • Utils
    • Transform

Tutorial

Feature styles


This tutorial demonstrates how to customize the visual appearance of map features in your application. Feature styling allows you to control the look of geometric objects on the map, enabling you to create visually appealing and informative visualizations.

You'll learn how to:

  • Create custom styles for different types of features (points, lines, and polygons)
  • Apply fill and stroke styles to control colors and line widths
  • Configure circle styles for point features
  • Add and style text labels for features

Feature styling is essential for creating effective maps that communicate information clearly. This capability allows you to highlight important features, differentiate between feature types, and create maps that align with your application's design language.



Classes:

  • Circle
  • Fill
  • Map
  • OverlayManager
  • Stroke
  • Style
  • Text
  • VectorLayer

index.html

        
      

main.js

        
    

Documentation generated by Vexcel Imaging