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

Custom Tooltips


This tutorial demonstrates how to create custom tooltips for measurement data in your mapping application. Measurement tooltips allow you to display elevation and relative height information directly on the map, enhancing the visual feedback and improving the user experience when working with measurement tools.

You'll learn how to:

  • Listen for measurement events to capture data changes
  • Create point features at measurement locations
  • Style text elements to display measurement values
  • Conditionally format tooltip content based on measurement types
  • Add custom tooltips to the map using vector layers
  • Work with 3D measurement data including elevation and relative height

Custom measurement tooltips are valuable for creating more informative and interactive mapping applications. This capability allows users to see measurement results directly on the map without needing to look elsewhere in the interface, making spatial analysis more intuitive and efficient.


3d Status

Off

Mode Controls

Orientation Controls

Measurement tools


Classes:

  • Feature
  • Fill
  • ImageryLayer
  • Location
  • Map
  • Measure
  • MeasurementManager
  • OverlayManager
  • Point
  • Stroke
  • Style
  • Text
  • VectorLayer

index.html

        
      

main.js

        
    

Documentation generated by Vexcel Imaging