InfoWindow with Header

Sample Implementation

          <title>InfoWindow with Header</title>
          <meta name="viewport" content="initial-scale=1.0">
          <meta charset="utf-8">
          #map {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100vh;
             <script src="<Token>/map_sdk?layer=vector&v=3.0&callback=initMap1" defer async></script>

                    <div id="map"></div>
        var map;
        function initMap1() {
            map = new mappls.Map('map', {
                center: [28.61, 77.23],
                zoomControl: true,
                location: true,
            var window = new mappls.InfoWindow({
                map: map,
                content: "<div><div style=\"background-color:#191919;color:#fff;padding:5px;margin-top:2%;\">MapmyIndia Head Office</div><p> Open 9AM & Closes 6:30PM Mon to Fri</p><br><p>Sat & Sun: Off</p></div>",
                position: {
                    lat: 28.529467,
                    lng: 77.223150
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.