Use the required JavaScript file below to integrate MAP API features in your frontend.
| Asset | Type | Details | Download |
|---|---|---|---|
| MAP API JavaScript | JS | Required for map rendering and route interactions. | Download |
<script src="http://localhost:8000/map/local-maps.js"></script>
<meta name="api-token" content="YOUR_ACTIVE_API_TOKEN" />
<div
id="localMap"
class="local-maps-canvas"
data-lat="12.9716"
data-lng="77.5946"
data-zoom="12"
data-tile-url="https://api.systha.com/styles/basic/{z}/{x}/{y}.png"
data-route-endpoint="/api/local-maps/route"
style="height: 420px;"
></div>
<script>
document.addEventListener('DOMContentLoaded', async function () {
const map = window.LocalMaps.create('#localMap');
await map.loadRoute([
[77.5946, 12.9716],
[77.6200, 12.9900]
]);
});
</script>
Multi-waypoint routing with turn-by-turn directions
curl -X POST https://api.zipsuite.io/api/local-maps/route
Distance/time matrices between multiple locations
curl -X POST https://api.zipsuite.io/api/local-maps/table
Snap GPS coordinates to road network
curl -X POST https://api.zipsuite.io/api/local-maps/match
Traveling Salesman Problem solver
curl -X POST https://api.zipsuite.io/api/local-maps/trip
Snap coordinate to nearest road
curl -X GET https://api.zipsuite.io/api/local-maps/nearest
Vector tiles for map rendering
curl -X GET https://api.zipsuite.io/styles/basic/10/512/512.png
Get fastest, shortest, scenic routes
curl -X POST https://api.zipsuite.io/api/local-maps/route/alternatives
Areas reachable within time/distance
curl -X POST https://api.zipsuite.io/api/local-maps/isochrone
Multi-stop delivery route optimization
curl -X POST https://api.zipsuite.io/api/local-maps/optimize
JavaScript SDK for interactive maps
curl -X GET https://api.zipsuite.io/map/local-maps.js