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 hover


This tutorial demonstrates how to implement hover event handling for map features in your application. Feature hover events allow users to receive visual feedback when interacting with geometric objects on the map, enhancing the user experience and improving interface responsiveness.

You'll learn how to:

  • Create different types of geometric features (points, lines, and polygons)
  • Define normal and highlight styles for visual feedback
  • Add hover event listeners to map features
  • Change feature styles dynamically when users hover over them

Feature hover handling is essential for creating intuitive, interactive maps that provide immediate visual feedback. This capability allows you to build more engaging applications where users can easily identify interactive elements and understand the results of their interactions in real-time.



Classes:

  • Feature
  • Line
  • Location
  • Map
  • OverlayManager
  • Point
  • Polygon
  • Style
  • VectorLayer

index.html

        
      

main.js

        
    

Documentation generated by Vexcel Imaging