/ Documentation
/ Docs
Weather APIMapsGLRaster MapsPhrases API
Javascript SDK
v1.8.6
  • Introduction
  • Demos (opens in a new tab)
  • Getting Started
    • Script Usage
    • Module Usage
    • Views Module
    • Apps Module
    • Modules Library
  • Requesting Data
    • Data Requests
    • Map Requests
  • Interactive Map
    • Configuration
    • Events
    • Managing Data Sources
    • Styling
    • Timeline & Animations
  • Interactive Map App
    • Configuration
    • Events
    • Layers Panel
    • Timeline Panel
    • Info Panel
    • Legend Panel
    • Place Search Panel
  • Map Modules
    • Using with InteractiveMap
    • Using with InteractiveMapApp
    • Creating Map Modules
    • Creating Module Groups
    • Configuring Data Sources
    • Routing Module
  • Map View
    • Configuration
    • Events
    • Managing a Map View
    • Timeline
    • Map Controls
    • Overlays
  • Legends View
    • Data/Map Requests
      • Display an observation
      • Display a 5 day forecast
      • Display a basic map image
      • Plotting API data
    • Interactive Map
      • Display an interactive map
      • Use an existing map
      • Animate an interactive map
      • Customize a point data layer
      • Create a custom map content source
      • Creating a custom GeoJSON map content source
      • Create an interactive map using Google Maps
      • Using app panels with interactive map
      • Handling Mapbox style changes
    • Interactive Map App
      • Create an interactive map app
      • Customize the timeline panel range
      • Customize app info panel content
      • Add map layer filters
      • Adding alert categories as map layer options
      • Create an interactive map app using Google Maps
      • Create a custom map app data source
      • Accessing marker data to display in popups
      • Adding custom buttons in the layers panel
      • Adding opacity controls to InteractiveMapApp
      • Plotting Minutely Precip Data in the Interactive Map App Info Panel
      • Create an Interactive Map App using MapLibre
    • Legends
      • Display a legend view
    • Map View
      • Display a map view
    • Modules
      • Customizing tropical cyclone markers
  • Changelog
  • SDK Reference (opens in a new tab)
  • Related Links
  • Submit a ticket (opens in a new tab)
  • Service status (opens in a new tab)
Questions? Contact support → (opens in a new tab)
Examples
Interactive Map

Interactive Map Examples

The following examples demonstrate setting up and using the InteractiveMap component from the Javascript SDK.

Plotting API dataDisplay an interactive map
support

Need help? Contact support (opens in a new tab).

c-question

Have questions? Contact sales (opens in a new tab).

© 2025 Xweather (opens in a new tab)Terms of Service (opens in a new tab)Privacy Policy (opens in a new tab)