- Learn Web Development & Programming, Artificial Intelligence, WordPress, Shopify Articles

Distance calculator between two places using google map API in php

June 29, 2016June 15, 2019 Pradeep Maurya

Hello! In this post, you will learn how to calculate distance between two places using google map API in php.Here you will calculate by air distance between two countries. See below ..how to do it.


<?php
function getDistance($addressFrom, $addressTo, $unit){
    //Change address format
    $formattedAddrFrom = str_replace(' ','+',$addressFrom);
    $formattedAddrTo = str_replace(' ','+',$addressTo);
    
   //Send request and receive json data
$geocodeFrom = file_get_contents('https://maps.google.com/maps/api/geocode/json?address='.$formattedAddrFrom.'&sensor=false&key=AIzaSyBOMQKyG37IA6VhextrNpB0YxQnsR6Phys');
$outputFrom = json_decode($geocodeFrom);
$geocodeTo = file_get_contents('https://maps.google.com/maps/api/geocode/json?address='.$formattedAddrTo.'&sensor=false&key=AIzaSyBOMQKyG37IA6VhextrNpB0YxQnsR6Phys');
$outputTo = json_decode($geocodeTo);
    
    //print_r($outputFrom);
    //Get latitude and longitude from geo data
    $latitudeFrom = $outputFrom->results[0]->geometry->location->lat;
    $longitudeFrom = $outputFrom->results[0]->geometry->location->lng;
    $latitudeTo = $outputTo->results[0]->geometry->location->lat;
    $longitudeTo = $outputTo->results[0]->geometry->location->lng;
    //Calculate distance from latitude and longitude
    $theta = $longitudeFrom - $longitudeTo;
    $dist = sin(deg2rad($latitudeFrom)) * sin(deg2rad($latitudeTo)) +  cos(deg2rad($latitudeFrom)) * cos(deg2rad($latitudeTo)) * cos(deg2rad($theta));
    $dist = acos($dist);
    $dist = rad2deg($dist);
    $miles = $dist * 60 * 1.151;
    $unit = strtoupper($unit);
    if ($unit == "K") {
        return ($miles * 1.609344).' km';
    } else if ($unit == "N") {
        return ($miles * 0.8684).' nm';
    } else {
        return $miles.' mi';
    }
}
 
if(isset($_REQUEST['cal']))
{
    
$addressFrom = $_POST['addressfrom'];
$addressTo =$_POST['addressto'];
 
$distance = getDistance($addressFrom, $addressTo, "K");
 
}
?>
<html>
<head>
<title>Distance Calculation </title>
<style>
* {
    margin: 0;
    padding: 0;
}
.container {
    width: 800px;
    margin: 0 auto;
    border: 0px green dashed;
}
p {
    text-align: center;
    margin-bottom: 15px;
    padding: 5px;
    font-size: 16px;
}
input {
    padding: 10px;
    width: 500px;
    font-size: 16px;
    border: 1px #003366 solid;
}
textarea {
    width: 500px;
    height: 150px;
    resize: none;
    font-size: 16px;
    padding: 10px;
    border: 1px #003366 solid;
}
</style>
 
 <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBOMQKyG37IA6VhextrNpB0YxQnsR6Phys&libraries=places"></script>
        <script>
            var autocomplete;
            function initialize() {
              autocomplete = new google.maps.places.Autocomplete(
                  /** @type {HTMLInputElement} */(document.getElementById('autocomplete')),
                  { types: ['geocode'] });
                  
              google.maps.event.addListener(autocomplete, 'place_changed', function() {
              });
              
              autocomplete = new google.maps.places.Autocomplete(
                  /** @type {HTMLInputElement} */(document.getElementById('autocomplete1')),
                  { types: ['geocode'] });
                  
              google.maps.event.addListener(autocomplete1, 'place_changed', function() {
              });
            }
        </script>
        </head>
        <body onload="initialize()">
       
<div class="container" id="locationField">
<center>
<h1>Distance: <?php 
if(isset($distance))
{
 echo $distance;
}
 ?></h1>
</center>
  <form action="" method="post">
    <p>
      <input type="text" required placeholder="From" name="addressfrom" id="autocomplete" onFocus="geolocate()" />
    </p>
    <p>
  <input type="text" required placeholder="To"  name="addressto" id="autocomplete1" onFocus="geolocate()" />
    </p> 
    <p>
      <input type="submit" name="cal" value="Calculate">
    </p>
  </form>
</div>
</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

<?php

function getDistance($addressFrom, $addressTo, $unit){

//Change address format

$formattedAddrFrom = str_replace(' ','+',$addressFrom);

$formattedAddrTo = str_replace(' ','+',$addressTo);

//Send request and receive json data

$geocodeFrom = file_get_contents('https://maps.google.com/maps/api/geocode/json?address='.$formattedAddrFrom.'&sensor=false&key=AIzaSyBOMQKyG37IA6VhextrNpB0YxQnsR6Phys');

$outputFrom = json_decode($geocodeFrom);

$geocodeTo = file_get_contents('https://maps.google.com/maps/api/geocode/json?address='.$formattedAddrTo.'&sensor=false&key=AIzaSyBOMQKyG37IA6VhextrNpB0YxQnsR6Phys');

$outputTo = json_decode($geocodeTo);

//print_r($outputFrom);

//Get latitude and longitude from geo data

$latitudeFrom = $outputFrom->results[0]->geometry->location->lat;

$longitudeFrom = $outputFrom->results[0]->geometry->location->lng;

$latitudeTo = $outputTo->results[0]->geometry->location->lat;

$longitudeTo = $outputTo->results[0]->geometry->location->lng;

//Calculate distance from latitude and longitude

$theta = $longitudeFrom - $longitudeTo;

$dist = sin(deg2rad($latitudeFrom)) * sin(deg2rad($latitudeTo)) + cos(deg2rad($latitudeFrom)) * cos(deg2rad($latitudeTo)) * cos(deg2rad($theta));

$dist = acos($dist);

$dist = rad2deg($dist);

$miles = $dist * 60 * 1.151;

$unit = strtoupper($unit);

if ($unit == "K") {

return ($miles * 1.609344).' km';

} else if ($unit == "N") {

return ($miles * 0.8684).' nm';

} else {

return $miles.' mi';

}

if(isset($_REQUEST['cal']))

{

$addressFrom = $_POST['addressfrom'];

$addressTo =$_POST['addressto'];

$distance = getDistance($addressFrom, $addressTo, "K");

}

<html>

<head>

<title>Distance Calculation </title>

<style>

* {

margin: 0;

padding: 0;

}

.container {

width: 800px;

margin: 0 auto;

border: 0px green dashed;

}

p {

text-align: center;

margin-bottom: 15px;

padding: 5px;

font-size: 16px;

}

input {

padding: 10px;

width: 500px;

font-size: 16px;

border: 1px #003366 solid;

}

textarea {

width: 500px;

height: 150px;

resize: none;

font-size: 16px;

padding: 10px;

border: 1px #003366 solid;

}

</style>

var autocomplete;

function initialize() {

autocomplete = new google.maps.places.Autocomplete(

/** @type {HTMLInputElement} */(document.getElementById('autocomplete')),

{ types: ['geocode'] });

google.maps.event.addListener(autocomplete, 'place_changed', function() {

});

autocomplete = new google.maps.places.Autocomplete(

/** @type {HTMLInputElement} */(document.getElementById('autocomplete1')),

{ types: ['geocode'] });

google.maps.event.addListener(autocomplete1, 'place_changed', function() {

});

}

</script>

</head>

<h1>Distance: <?php

if(isset($distance))

{

echo $distance;

}

?></h1>

</center>

<p>

</p>

<p>

</p>

<p>

</p>

</form>

</div>

</body>

</html>

Expand +

how to connect mysqli with php

June 28, 2016April 12, 2022 Pradeep Maurya

MYSQLi Tutorial for Beginners – how to create MySQLi connection with php in simple and easy steps starting from basic to advanced level. To create connection 4 parameter is required : “hostname” , “username“, “password” and “database name” see below..how…

Expand +

How to write connection class to mysql database using php

June 28, 2016April 12, 2022 Pradeep Maurya

Hello! In this post, you will learn to how to write and test the OOP based connection class to mysql database using php. see below..how to do it.. connection.php


<?php

/** @author tutorialswebsite
*@ copyright 2016

*/

class createDBConnection // create a class for make connection
{

var $host="localhost";
var $username="username";
var $password="password";
var $database="database name";
var $dbconn;
function connectToDatabase() //specify the server details for mysql
{

$conn=mysql_connect($this->host,$this->username,$this->password);

if(!$conn)//testing the connection
{
die("Cannot connect to the database");

}else{

$this->dbconn=$conn;
echo "Connection established";

}
return $this->dbconn;

}

function selectDatabase() // selecting the database
{

//use php inbuild function foer select database

mysql_select_db($this->database);

if(mysql_error()) // if error occured display the error message 
{
echo "Cannot find the database".$this->database;

}

echo "Database Selected..";
}

function closeConnection() // close the connection
{
mysql_close($this->dbconn);

echo "Connection closed";

}

}

?>

<?php

/** @author tutorialswebsite

class createDBConnection // create a class for make connection

{

var $host="localhost";

var $username="username";

var $password="password";

var $database="database name";

var $dbconn;

function connectToDatabase() //specify the server details for mysql

{

$conn=mysql_connect($this->host,$this->username,$this->password);

if(!$conn)//testing the connection

{

die("Cannot connect to the database");

}else{

$this->dbconn=$conn;

echo "Connection established";

}

return $this->dbconn;

}

function selectDatabase() // selecting the database

{

//use php inbuild function foer select database

mysql_select_db($this->database);

if(mysql_error()) // if error occured display the error message

{

echo "Cannot find the database".$this->database;

}

echo "Database Selected..";

}

function closeConnection() // close the connection

{

mysql_close($this->dbconn);

echo "Connection closed";

}

Now you have create the database connection class let’s see…

Expand +

Send email with html template using php

June 28, 2016August 5, 2022 Pradeep Maurya

Hello! In this post, you will learn to send email with html template using php. 1. Extract($_POST) – Extracting Post Variables From. 2. file_get_contents – Html design form to get the function. Normally we use php mailer function for sending…

Expand +

Types of Array

June 26, 2016June 15, 2019 Pradeep Maurya

Array is the collection of keys and values. The key can either be an integer or a string. The value can be of any type. This is usually done for single-line arrays, i.e. array(1, 2) is preferred over array(1, 2, ).…

Expand +

PHP Array Function

June 9, 2016June 15, 2019 Pradeep Maurya

Here is the list of PHP array functions sizeof () :- This function is used to count the items of the array. (count() is also used instead of this). Example:


<?php

//Define array

$data=array(‘Bugatti’,’Gallardo’,’Audi’,’Nissan’,’ Chevrolet ‘);

echo sizeof($data);

?>

<?php

//Define array

$data=array(‘Bugatti’,’Gallardo’,’Audi’,’Nissan’,’ Chevrolet ‘);

echo sizeof($data);

explode () :- This function is used…

Expand +

How to show image thumbnail before upload with jQuery

June 1, 2016April 12, 2022 Pradeep Maurya

Now, i am going to Share: How to show image thumbnail before upload with jQuery Step 1:- Put the following code in <body></body> section.


<div id="previewimg"></div>
<input id="upload_file" class="img" name="image" type="file" />

Step 2:- Put the script code in <head></head> section.


<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">// <![CDATA[
$(function() { $("#upload_file").on("change", function() { var files = !!this.files ? this.files : []; if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support if (/^image/.test( files[0].type)){ // only image file var reader = new FileReader(); // instance of the FileReader reader.readAsDataURL(files[0]); // read the local file reader.onloadend = function(){ // set image data as background of div $("#previewimg").css("background-image", "url("+this.result+")"); } } }); });
// ]]></script>

$(function() { $("#upload_file").on("change", function() { var files = !!this.files ? this.files : []; if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support if (/^image/.test( files[0].type)){ // only image file var reader = new FileReader(); // instance of the FileReader reader.readAsDataURL(files[0]); // read the local file reader.onloadend = function(){ // set image data as background of div $("#previewimg").css("background-image", "url("+this.result+")"); } } }); });

// ]]></script>

Step 3:- Put following CSS…

Expand +