Menu
Close

Default getDistance

Sample Implementation

 

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

        <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>
        var map;
        function initMap1() {
            map = new mappls.Map('map', {center:[28.638698386592438,77.27604556863412]});
        
            map.on('load',function(){
                mappls.getDistance({
                    coordinates: "518NSV;123ZRR",
                },function callback (data) {
                    console.log("Data",data);
                });
            }); 
            
        }   
          
    </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