• Optimization
  • Navigation
  • Tracking
  • Maps
  • Places

Custom Marker

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

You can choose from the built-in icons for the marker, or use your own icon via a URL to the image. Checkout the Marker API to learn more.

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

Have Questions ?