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

Integration profile

What this surface enables

Why this source is classified stateless

No durable provider record or application workflow contract was established from the source identity or bounded document evidence; view, camera, callback, and authentication sessions alone do not make a source stateful.

Authority: Conservative Default · No durable-state signal promoted from incidental vocabulary

Platforms

WebREST

Product areas

MapsSearch PlacesIdentity Platform

Languages found

JSONJavaScriptHTMLCSS

Authentication signals

Oauth2Api Key

Before you start

Prepare the integration

A browser application and an allowed development origin
A trusted backend or API client capable of HTTPS requests
OAuth client credentials issued for the intended Mappls project
A Mappls project key restricted to the intended app, domain, or backend

Production guardrailsPin package versions and record the source fingerprint.Keep server credentials out of client binaries and logs.Test failures, timeouts, quota limits, upgrades, and rollback.Validate legacy examples against current authentication contracts.

Sanitized from source

Setup and usage examples

These examples were extracted from the canonical public source document and sanitized for credential-like values. Check the source branch and package version before copying into a production application.

mapmyindia-angular-sample-webSDK-REST examples

{
    "/api/*": 
    {
        "target": "https://outpost.mapmyindia.com",
        "secure": false,
        "logLevel": "debug"
    }
}

Source-derived guide

Topics documented by the source

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

Easy To Integrate Maps & Location APIs & SDKs For Web & Mobile Applications

Powered with India's most comprehensive and robust mapping functionalities. Now Available for Srilanka, Nepal, Bhutan, Myanmar and Bangladesh

You can get your api key to be used in this document here: https://www.mapmyindia.com/api/signup

02Pre-requisites & Assumptions

1. Supported frameworks: Angular 6 & above (this sample is written in Angular 6) 2. CORS to be ENABLED: You need to ask API Support to enable CORS for your credentials. 3. This sample is provided as a reference only and users can adjust and enhance it to suit their requirements such as for upgraded Angular versions.

037. For showing response using button, write given code in app.component.html.

Using the above code, results are shown in alert & console

049. Run the Project

Command: npm start

0510. Write index.html file

That's it Folks !!!

For any queries and support, please contact:

Email us at apisupport@mapmyindia.com

Stack Overflow Ask a question under the mapmyindia-api

Support Need support? contact us!

Blog Read about the latest updates & customer stories

Source evidence, not contract

Service references found

URLs are sanitized during ingestion and may include documentation or legacy hosts. Use them to trace the source, not as a substitute for the current API contract.

https://www.mapmyindia.com/api/signup](https://www.mapmyindia.com/api/signuphttps://outpost.mapmyindia.com/api/security/v3.0.5/oauth/token?grant_type=

https://atlas.mapmyindia.com/api/places/search/json?query=agra&location=28.5454,77.455454&bridge&explain&username=balmukand

https://atlas.mapmyindia.com/api/places/nearby/json?explain&richData&username=balmukand&refLocation=28.467470,77.077518&keywords=FINATM

https://apis.mapmyindia.com/advancedmaps/v1/https://stackoverflow.com/questions/tagged/mapmyindia-apihttps://www.mapmyindia.com/api/index.php#f_cont