AdminConsole
Platforms/Web
Web apps, portals, dashboards, and public experiences

Web

Build expressive browser maps without surrendering performance or control.

JavaScriptTypeScriptAngular
Open quickstart Browse source guides
Recommended boundary

How the pieces fit

Browser-native maps, plugins, analytics, and embeddable location experiences. Use this boundary as a starting point, then narrow it around the exact Mappls products and trust model your application needs.

01

Browser experience

Render maps, layers, controls, markers, and accessible place or route interactions in the user interface.

02

Restricted public key

Use only browser-supported credentials and restrict them to the exact production and development origins.

03

Backend-for-frontend

Keep privileged REST calls, secrets, business rules, persistence, and third-party orchestration on your server.

A safe first integration

From empty project to one real journey

Each step produces a testable boundary. Keep the first release deliberately small, then expand from observed product behavior.

  1. 1

    Select a rendering surface

    Choose Web Maps JS for a full map, a plugin for a focused workflow, or a widget when Mappls can own the experience.

  2. 2

    Create a bounded map

    Give the container a real size, initialize once, and destroy listeners and instances during unmount.

  3. 3

    Add one user journey

    Connect search, selection, route preview, or data visualization before expanding the surface.

  4. 4

    Measure real devices

    Profile startup, tile loading, interaction latency, memory, accessibility, and slow-network behavior.

Capabilities on Web

7 product families

4 of these families include durable or session state. Follow their complete lifecycle guidance rather than integrating only the first successful call.

stateless

Maps

Fast, expressive vector and raster maps across web, mobile, hybrid, and embedded apps.

6 capabilities
stateless

Search & Places

Autosuggest, geocoding, nearby discovery, place details, and Mappls Pin addressing.

6 capabilities
stateful

InTouch Telematics

Live tracking, trips, devices, vehicles, events, geofences, and fleet intelligence.

6 capabilities
stateful

Workmate

Workforce automation for people, clients, tasks, attendance, proof, and live operations.

6 capabilities
hybrid

GIS & Analytics

Spatial data, analysis, maps, dashboards, and embeddable location intelligence.

6 capabilities
stateless

App Widgets & Deep Links

Embeddable Mappls experiences for places, directions, 3D views, RealView, and app hand-off.

6 capabilities
hybrid

AI & Location

AI/ML APIs, vision, location-aware agents, ranking, and natural-language spatial workflows.

6 capabilities
Auditable implementation evidence

SDKs, APIs, distributions, and samples

Every item below is generated from a public Mappls repository and links to its source-grounded guide. Maturity labels distinguish current material from samples, distributions, legacy sources, and deprecated integrations.

Sample

Angular Sample for MapmyIndia Interactive Maps JS SDK & MapmyIndia RESTful APIs for Web

mapmyindia-angular-sample-webSDK-REST

Angular Sample for MapmyIndia Interactive Maps JS SDK & MapmyIndia RESTful APIs for Web

REST API

MapmyIndia Geo-Analytics APIs !

mapmyindia-geoanalytics-api-web

MapmyIndia GeoAnalytics APIs - MapmyIndia’s Data served through convenient and easy to use web APIs

SDK

MapmyIndia Interactive Map JS API !

mapmyindia-interactive-map-js-api

Integrate Map APIs to visualize maps, accurate directions, geo-coding and traffic flow

Widget

Mapmyindia Intouch Web Plugins

mapmyindia-intouch-web-plugins

A Mappls widget for tracking telematics, widgets deep links, capture feedback across Web, Widgets/Deep links.

Widget

Mapmyindia Nearby Covid Places

mapmyindia-nearby-covid-places

MapmyIndia's easy to integrate Nearby COVID Places Search Widget for Apps. Easily integrate the simple JS widget into your codebase and help your users discover Nearby COVID Vaccination Centres. Help your users discover government approved Vaccination Centres across India during this pandemic.

SDK

Mapmyindia Places N Directions Web SDK

mapmyindia-places-n-directions-web-sdk

MapmyIndia Places and Directions Library for Web SDKs provided by MapmyIndia. This library is compatible with both our Web SDKs - Vector Maps & our legacy Raster Maps.

Sample

MapmyIndia Interactive Maps JS SDK & MapmyIndia RESTful APIs for Web in Pure JS

mapmyindia-pureJS-sample-webSDK-REST

PureJS Sample for MapmyIndia Interactive Maps JS SDK & MapmyIndia RESTful APIs for Web

SDK

Mapmyindia Vector Maps JS Web SDK

mapmyindia-vector-maps-js-web-SDK

MapmyIndia's Latest Vector Maps Web SDK for rendering beautifully interactive, fluid maps that are powered by browser based WebGL.

SDK

Mappls Insight Embeddable Visualizations

mappls-insight-sdk

Mappls advanced analytics engine: Insight transforms raw data into impactful visualizations and interactive dashboards, easily shared and embedded.

Guide

Sign up for Mappls

mappls-web-maps

A Mappls guide for maps, search places, routes navigation, gis analytics, widgets deep links, capture feedback, identity platform across Web.

Guide

Mappls Web Maps JS

mappls-web-maps-js

Mappls's Latest Vector Maps Web SDK for rendering beautifully interactive, fluid maps that are powered by browser based WebGL.

Widget

Mappls Web Plugins

mappls-web-plugins

Web plugins provided by Mappls. This library is compatible with both our Web SDKs - Vector Maps & our legacy Raster Maps.

Learn by building

Platform tutorials

Start with one focused result, then move into complete stateful journeys and operational failure handling.

Beginner · 10 min

Put your first Mappls map on the web

A responsive map with a styled point of interest.

Open tutorial
Beginner · 20 min

Build address autocomplete that users trust

An accessible, resilient delivery-address field.

Open tutorial
Intermediate · 35 min

Build a route preview with alternatives

A production-pattern route comparison view.

Open tutorial
Intermediate · 40 min

Create a nearby discovery experience

A map-and-list place explorer.

Open tutorial
Advanced · 90 min

Track a delivery with a trustworthy ETA

A stateful live-delivery journey with recovery and replay.

Open tutorial
Advanced · 75 min

Build fleet geofence operations

An operations-ready geofence monitor.

Open tutorial
Advanced · 2 hr

Build a reproducible site-selection model

A governed retail expansion analysis.

Open tutorial
Beginner · 25 min

Embed a place picker widget

An accessible embedded place picker with explicit host-page ownership.

Open tutorial
Intermediate · 50 min

Build a traffic-aware commute assistant

A route comparison experience that communicates freshness and uncertainty.

Open tutorial
Intermediate · 55 min

Render a governed GeoJSON operations layer

An accessible map layer whose visual state is reproducible from source data.

Open tutorial
Advanced · 2 hr

Reconcile a complete InTouch trip lifecycle

A restart-safe connected trip with replay, late evidence, and closure reconciliation.

Open tutorial
Before launch

Production readiness

Pass these checks in addition to the requirements of the selected product, SDK release, operating system, and security program.

  • Origin restrictions include every deployed hostname
  • Map lifecycle follows the framework lifecycle
  • Large datasets are tiled, clustered, or progressively loaded
  • Keyboard, touch, reduced-motion, and failure states are tested