Google map using php

Google map

Google Map is a desktop/mobile web mapping ads service developed by Google Inc. Google Maps uses an API that allows maps to be embedded or integrated on third-party websites in numerous countries around the world.

Sample Google map using php:


<?php
$addr = urlencode("211, APC Road, Shyam Bazar, Kolkata");
$xmlstr = file_get_contents("http://maps.googleapis.com/maps/api/geocode/xml?address=$addr&sensor=false");
$xmlarr = new SimpleXMLElement($xmlstr);
$lat = $xmlarr->result->geometry->location->lat;
$lng = $xmlarr->result->geometry->location->lng;
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Php Google Map</title>
<style>
html, body, #map-canvas {
height: 500px;
width: 900px;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng('<?php echo $lat;?>','<?php echo $lng;?>');
var mapOptions = {
zoom: 10,
center: myLatlng
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var contentString = '<div>'+
'<div>'+
'</div>'+
'<h2 class="firstHeading"><?php echo urldecode($addr); ?></h2>'+
'<div id="bodyContent">'+
'<p>Address description goes here.</p>'+
'</div>'+
'</div>';

var infowindow = new google.maps.InfoWindow({
content: contentString
});

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Uluru (Ayers Rock)'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>

Read Also: Styled Google Map

For any types of queries, you can contact us on info@namasteui.com.

You may like:  What is AngularJS?

Leave a Reply

Your email address will not be published. Required fields are marked *