Documentation menu
Ola Maps
Developer Docs
  • Overview
  • Authentication
  • Multilingual Language Support
      • SDK Setup
      • Adding Markers
      • Events & Controls
      • Static Maps
      • Geolocation
      • Adding Shapes
      • Marker Clustering
      • Heatmap Layer
      • Ground Overlays
      • Custom Overlays
  • Street View
Developer guides

Ola Maps Web SDK v1 - Adding Markers & Info Windows

Important Notice
The Web SDK v1 support ended on March 31, 2026. We will no longer be providing any support for Web SDK v1. Please migrate to our Web SDK v2 for new features and improvements, and continued support.
Migrate to Web SDK v2
This documentation provides methods for adding markers and info windows to marker.

Adding Default Marker

Set custom color marker

Set draggable marker

Adding custom marker

  • Add your custom marker image
  • Create a div and add append styles to that div
  • Add div to element options in marker

Get marker position on drag

Remove Marker

Adding info windows to your marker

You can set text or add an HTML element to marker info windows
  • Create info windows and set text to your info windows
  • Create info windows and set HTML element to your info windows
  • Adding info windows to your markers

Example