File: /var/www/html/map/index66.php
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Showing Ajax Load Request Status in jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
// $("#box").load("https://www.google.com/maps/dir/28.6258591,77.3773651/28.6232377,77.3767642/28.6258252,77.3773516/@28.6244982,77.3754359,17z/data=!3m1!4b1?entry=ttu", function(responseTxt, statusTxt, jqXHR){
// if(statusTxt == "success"){
// alert("New content loaded successfully!");
// }
// if(statusTxt == "error"){
// alert("Error: " + jqXHR.status + " " + jqXHR.statusText);
// }
// });
$.ajax({
url: 'https://www.google.com/maps/dir/28.6258591,77.3773651/28.6232377,77.3767642/28.6258252,77.3773516/@28.6244982,77.3754359,17z/data=!3m1!4b1?entry=ttu',
//data: myData,
type: 'GET',
crossDomain: true,
dataType: 'jsonp',
success: function() { alert("Success"); },
error: function() { alert('Failed!'); },
// beforeSend: setHeader
});
});
});
</script>
</head>
<body>
<div id="box">
<h2>Click button to load new content inside DIV box</h2>
</div>
<button type="button">Load Content</button>
</body>
</html> -->
<!-- 28.6258591,77.3773651, 28.6232377,77.3767642 -->
<!-- <iframe src="https://www.google.com/maps/embed?pb=28.6258591,77.3773651!28.6232377,77.3767642!28.6258252,77.3773516" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
<!-- <iframe src = "https://maps.google.com/maps?q=10.305385,77.923029&hl=es;z=14&output=embed"></iframe> -->
<iframe
width="450"
height="250"
frameborder="0" style="border:0"
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/MAP_MODE?key=AIzaSyCF2eF61UkLFo9_bJ4CJ2x4tykbu99ox-U&PARAMETERS"
allowfullscreen>
</iframe>