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

InfoBox on click


This tutorial demonstrates how to implement an interactive InfoBox that displays information when users click on the map. InfoBoxes are popup windows that provide a way to show additional details, context, or data about specific locations on your map.

You'll learn how to:

  • Create and initialize an InfoBox component
  • Add click event listeners to the map
  • Display coordinate information at clicked locations
  • Customize InfoBox content with dynamic data

InfoBox functionality is essential for creating interactive maps that respond to user input. This capability allows you to provide additional information about map locations on demand, enhancing the user experience and making your maps more informative and engaging.



Classes:

  • InfoBox
  • Location
  • Map

index.html

        
      

main.js

        
    

Documentation generated by Vexcel Imaging