mapmyindia-map-react-native-beta

MapmyIndia Maps SDK for React Native

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 and Bangladesh

• For further information contact MapmyIndia here: Email: [e-mail].
• You can get your api key to be used in this document here: https://www.mapmyindia.com/api/signup
• The beta code is provided to help you understand the basic functionality of MapmyIndia maps APIs working on React Native development platform.
• Explore through 238 nations with Global Search, Routing and Mapping APIs & SDKs by MapmyIndia.

Version History

Version	Last Updated	Author
0.4.2	March 2022	MapmyIndia API Team
0.0.13	January 2021	MapmyIndia API Team

What is MapmyIndia?

MapmyIndia is the location data platform for mobile and web applications. We provide building blocks to add location features like maps, search, and navigation into any experience you create. Use our simple and powerful APIs & SDKs for interactivity and control.

Sign up for MapmyIndia

Not a MapmyIndia user yet? Sign up for an account here. Once you’re signed in, all you need to start building is a MapmyIndia key. Use this same short code with all of our interactive mapping libraries, JavaScript SDKs, and directly against our REST APIs. You can create and manage your access tokens on your MapmyIndia Account page.

API Usage

Your MapmyIndia Maps SDK usage needs a set of license keys (get them here ) and is governed by the API terms and conditions. As part of the terms and conditions, you cannot remove or hide the MapmyIndia logo and copyright information in your project. Please see branding guidelines on MapmyIndia website for more details. The allowed SDK hits are described on the plans page. Note that your usage is shared between platforms, so the API hits you make from a web application, Android app or an iOS app all add up to your allowed daily limit.

Installation

Dependencies

• node
• npm
• React Native: recommended version 0.60 or greater

npm

  npm install mapmyindia-map-react-native-beta --save

Installation Guides

• iOS
• Android

How to Add a MapView

import React, { Component } from "react";
import {View } from "react-native";
import  MapmyIndiaGL  from  'mapmyindia-map-react-native-beta';

MapmyIndiaGL.setMapSDKKey("");//place your mapsdkKey
MapmyIndiaGL.setRestAPIKey("");//your restApiKey
MapmyIndiaGL.setAtlasClientId("");//your atlasClientId key
MapmyIndiaGL.setAtlasClientSecret(""); //your atlasClientSecret key
MapmyIndiaGL.setAtlasGrantType("");


export default class App extends Component {
  render() {
    return (
      <View style={{flex:1}}>
          <MapmyIndiaGL.MapView style={{flex:1}} >
		  <MapmyIndiaGL.Camera
                ref={c  => (this.camera = c)}
                zoomLevel={12}
                minZoomLevel={4}
                maxZoomLevel={22}
                centerCoordinate={[77.231409,28.6162]}
                 />
		 </MapmyIndiaGL.MapView>
      </View>
    );
  }
}

Documentation

Components

• MapView
• Light
• PointAnnotation
• Callout
• Camera
• UserLocation
• Images

Sources

• ShapeSource
• VectorSource
• RasterSource

Layers

• BackgroundLayer
• CircleLayer
• FillLayer
• LineLayer
• SymbolLayer

IMPORTANT

To read further, please refer to documentation available here: https://github.com/mappls-api/mapmyindia-map-react-native-beta/wiki

For any queries and support, please contact:

Email us at [e-mail]

Stack Overflow Ask a question under the mapmyindia-api

Support Need support? contact us!

Blog Read about the latest updates & customer stories

© Copyright 2022. CE Info Systems Ltd. All Rights Reserved. | Terms & Conditions