You must be a member of Google APIs Console and obtain a valid API to embed Google Maps into your website or web application. That’s a well known fact.
Actually, it is a one-liner. I split it into several lines and variables only for clarity of reading it.
First, get the image URL:
var mapUrl = '', mapZoom = 17, mapLatitude = 78.0399665, mapLongitude = 27.1750151, mapWidth = parseInt($('#map').css("width"), 10), mapHeight = parseInt($('#map').css("height"), 10), mapOptions = '&maptype=roadmap&markers=color:green%7C'; /** * Mini-map update * * Debug (Taj Mahal): 27.1750151, 78.0399665 * https://maps.google.pl/maps?q=27.1750151,78.0399665&z=17 */ mapUrl = "http://maps.googleapis.com/maps/api/staticmap?center=" + mapLatitude + "," + mapLongitude + "&zoom=" + mapZoom + "&size=" + mapWidth + "x" + mapHeight + mapOptions + mapLatitude + "," + mapLongitude + "&sensor=false";
img HTML element:
And… enjoy! :>