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

Ola-Maps-Web SDK Setup

This documentation provides setup guide for ola maps web SDK v1 only.

Please migrate toWeb SDK v2for new features and improvements.

Setup

CDN Usage
Inject the minified script into your app using script tag
Using Package Manager
Install via npm
Import OlaMaps class
If you are using Next.js then import sdk as below.

Initialization

Get Api Key from credentials and initialize OlaMaps

Call init method to render the map
If you encounter any issues while integrating the SDK, please report them on our GitHub Issues page.

Example

If you want to render multilingual maps in local languages, check the languages we support in style json in vector map tiles APIs. You need to add -[LANGUAGE CODE] to styleName.
To initialize 3d maps, we need to use additional parameter 'mode' and need to give the tileset endpoint.