Overview

The Next Billion Maps provides a JavaScript library to render interactive maps that display raster or vector tiles, markers, static and dynamic graphic elements for your mapping and visualization needs. It is part of Next Billion maps platform, which provides hyper local geospatial AI in our mapping eco-system, including Routing and ETAs, Location Management, Map Production and Maintenance, and much more.

Hello, World

Below is a basic map generated with Next Billion Maps. It positions at Singapore with a zoom level of 11.

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="UTF-8" />
<title>Basic Map</title>
<link href="https://maps.nextbillion.io/maps/api/css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
}
#map {
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://maps.nextbillion.io/maps/api/js"></script>
<script>
;(function() {
var map = new nextbillion.maps.Map(document.getElementById('map'), {
zoom: 11,
center: { lat: 1.3521, lng: 103.8198 },
})
})()
</script>
</body>
</html>