• Optimization
  • Navigation
  • Tracking
  • Maps
  • Places

Further Customization

A newer version of Maps for web SDK is available
A newer version of the SDK is available and is recommended for all users. Learn about the latest version, V2.0, in the Maps for web v2.0 documentation

Since we didn't provide flexible enough ability to customize popup, tooltips, marker, roads. (Which we are already working on in the next version) We'd like to introduce a way to do the customization in the current version.


NextBillion.ai Maps is built on top of the [email protected], So it's easy for you to do the further customization with mapbox.js. However, you need to avoid using APIs that are only supported by Mapbox2.0+.


You can get the mabox map instance and use it like this:

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta name="viewport" content="initial-scale=1.0" />
5 <meta charset="UTF-8" />
6 <title>Basic Map</title>
7 <link href="https://maps-gl.nextbillion.io/maps/api/css" rel="stylesheet" />
8 <style>
9 * {
10 margin: 0;
11 padding: 0;
12 }
13 #map {
14 width: 100vw;
15 height: 100vh;
16 }
17 </style>
18 </head>

Have Questions ?