Introduction
Understand the library, choose an engine, and find your next step.
On this page
What you buildChoose an engineLearn in orderScope and conventionsLive examplesOfficial referencesWhat you build#
Vue Neshan Maps connects Neshan basemaps to Vue 3 reactive state. Use it for location pickers, branch maps, delivery areas and spatial data. It is an independent community library, not an official Neshan SDK.
Choose an engine#
| MapLibre | Leaflet | |
|---|---|---|
| Component | NeshanMapLibre |
NeshanMapLeaflet |
| Rendering | Vector / WebGL | Raster / DOM |
| Live traffic and POI | Supported with compatible Neshan styles | No longer updated by Neshan |
| Cluster / heatmap / native 3D layers | Built in | Use the MapLibre component |
| Best fit | New interactive vector applications | Existing Leaflet integrations |
Learn in order#
- Install the package and CSS in Quick start.
- Configure a domain-allowed web key.
- Connect center and zoom with Models & coordinates.
- Add markers, shapes or GeoJSON, then explore clustering and heatmaps.
- Review error handling and production guidance before shipping.
Scope and conventions#
The component owns map creation, updates and disposal. Your application owns data, saved positions and business rules. Search, geocoding and road routing APIs are separate Neshan services and are not included. A polyline connects supplied points; it does not compute a route. Public component coordinates are latitude first; GeoJSON and native MapLibre APIs are longitude first.
Live examples#
Examples use real Neshan basemaps and clearly labelled sample geometry. Enter your own web key; it stays in page memory. Nothing executes until you press Run example. You can change the controls, inspect recent events and copy a complete Vue example without exposing your key.
Official references#
Neshan SDK documentation explains the service and SDK. This site documents this Vue package and its own contract.