Menu
Close

PlaceDetails With InfoDiv

Sample Implementation

 

  <html>
  <head>
    <title>PlaceDetails With InfoDiv</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="PlaceDetails With InfoDiv">

        <script src="https://apis.mappls.com/advancedmaps/api/<Token>/map_sdk?layer=vector&v=3.0&callback=initMap1"></script>
        <script src="https://apis.mappls.com/advancedmaps/api/<token>/map_sdk_plugins?v=3.0"></script>
        <style>
        body {
            margin: 0
        }

        #map {
            width: 100%;
            height: 100vh;
            margin: 0;
            padding: 0;
        }
    </style>
    </head>

    <body>

        <div id="map"></div>

                <script>
        /*Map Initialization*/
        var map;
        function initMap1(){
            map = new mappls.Map('map', {
                center: [28.09, 78.3],
                zoom: 5
            });
            map.addListener('load',function(){
                /*getPinDetails plugin initialization*/
                var elc = mappls.getPinDetails({
                    map: map,
                    pin: 'SSBSAT',
                    infoDiv:true
                },callback);
                function callback(data) {
                    obj=data;
                    console.log(obj);
                    obj.fitbounds({ maxZoom: 16});
                }
            });
        }
        </script>
        </body>
  </html>

Call at Mappls
Product release

Personalisation SDK, by Mappls, is India's first O2O engagement tool that can 3X your customer engagement, retention and conversion.

Boost your businesses with Mappls’ industry-leading optimisation APIs and SDKs to bring the best and most efficient ways to deliver goods, save time and increase profits.

or