MAINHACK

Viewing / Editing File: map1.php

<?php  include 'token.php';?>
 <html>
  <head>
    <title>PlacePicker With Search</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="PlacePicker With Search">
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    
            <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: 50%;height: 500px; margin: 0; padding: 0; }
    </style>
    </head>
    <body>
        
        <div id="map"></div>
            <script>
        /*Map Initialization*/
        var map,picker;
        function initMap1(){
            map = new mappls.Map('map', {
                center: [28.62, 77.09],
                zoom: 5
            });
            map.addListener('load',function(){
                /*Place Picker plugin initialization*/
                var options = {
                    map: map,
                    header:true,
                    closeBtn:true,
                };
                mappls.placePicker(options,callback);
                function callback(data) {
                    picker=data;
                    console.log(picker);
                    
                    
                }
            });
            
            map.addListener('dragend', function(e){
                var res = picker.getLocation();
                var j=JSON.stringify(res);
                console.log(res);
                data_show(j);
            });
           
        }
        function data_show(value){
    $.ajax({
    type:"POST",
    data:{data:value},
    url:"getdata.php",
    success: function(html){
        alert(html);
   $('#demo').html(html).show();
    // $('#data').val(result.pincode);
    //  $('#data2').val(result.state);
    
  //  console.log(html);
    
    
    }
});
            
        }
    </script>
  
    
    
    <p id="demo"></p>
      
        </body>
  </html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: map1.php

Server Info

System Features

User Info