Maps API v1
Introduction to Vertex Maps
Everything you need to know to render beautiful, high-performance maps.
Overview
Vertex Maps API provides access to vector and raster tiles based on OpenStreetMap data. Our Vector tiles are generated dynamically and support overzooming up to level 22, allowing for crisp, high-performance rendering even at street level.
Note: To use our tiles, you must include your API Key in every request URL.
Quick Start
Initialize a map in your HTML using MapLibre GL JS.
index.html
<!DOCTYPE html>
<html>
<head>
<link href='https://unpkg.com/maplibre-gl@3.6.1/dist/maplibre-gl.css' rel='stylesheet' />
<script src='https://unpkg.com/maplibre-gl@3.6.1/dist/maplibre-gl.js'></script>
<style>
body { margin: 0; padding: 0; }
#map { width: 100%; height: 100vh; }
</style>
</head>
<body>
<div id="map"></div>
<script>
const map = new maplibregl.Map({
container: 'map',
style: 'https://tiles.vertexflux.com/api/v1/tiles/styles/osm-liberty.json?api_key=YOUR_API_KEY',
center: [85.3240, 27.7172], // Kathmandu
zoom: 14
});
</script>
</body>
</html>Next Steps
Learn how to customize Style JSON
Integrate with Leaflet.js