Overview
  • Authentication
  • Multilingual Language Support
  • Routing APIs
    • Directions API
    • Directions Basic API
    • Distance Matrix API
    • Distance Matrix Basic API
    • Route Optimizer API
    • Fleet Planner API
  • Roads APIs
    • Snap To Road API
    • Nearest Roads API
    • Speed Limits API
  • Places APIs
    • Autocomplete API
    • Place Details API
    • Advance Place Details API
    • Nearby Search API
    • Advance Nearby Search API
    • Photo API
    • Text Search API
    • Address Validation API
    • Geofencing API
    • Elevation API
  • Geocoding
    • Geocoding API
    • Reverse Geocoding API
  • Map Tiles
    • 2D Tiles
      • Overview
      • Vector Tiles API
      • Static Tiles API
    • 3D Tiles
      • Overview and Integration
    • Style Editor
  • Navigation SDKs
    • Navigation SDK - Android
    • Navigation SDK - iOS
  • Map SDKs
    • Map SDK - iOS
    • Map SDK - Android
  • Places SDKs
    • Places SDK - Android
    • Places SDK - iOS
  • Web SDK
    • V2 (Recommended)
      • SDK Setup
      • Adding Markers
      • Events & Controls
      • Static Maps
      • Geolocation
      • Adding Shapes
      • Marker Clustering
      • Heatmap Layer
      • Ground Overlays
      • Custom Overlays
    • V1
      • SDK Setup
      • Adding Markers
      • Events & Controls
      • Static Maps
      • Geolocation
      • Adding Shapes
      • Marker Clustering
      • Heatmap Layer
      • Ground Overlays
      • Custom Overlays
  • Ola Maps MCP
    • MCP Overview
    • Ola Maps MCP Server
  • Street View
Important Notice
The Web SDK v1 will be supported until March 31, 2026 only. Please migrate to v2 for new features and improvements, and continued support.
Migrate to Web SDK v2

Adding Shapes in map

This documentation provides methods for adding polyline and polygons in map.

Adding Polyline

Add a GeoJSON line to map using addSource map method and style it using addLayer’s paint properties.

Example

Adding Polygon

Add a GeoJSON polygon to map using addSource map method and style it using addLayer’s paint fill layer properties.

Example