Google Static Map API

This is a simple example of using the Google Static Map API. [email protected]

HTML

<html>


<head>    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />    <title>Google Maps Multiple Markers</title>    <script src="http://maps.google.com/maps/api/js?sensor=false"            type="text/javascript"></script> 

</head>

<body style="margin: 0px; padding: 0px;">

<div style="width:1000px; height:1000px; overflow:hidden; position:relative">

<img 

style="width=1000px; height:1000px; margin-left:-10% ; margin-top:5%" 

src="http://maps.googleapis.com/maps/api/staticmap?center=44.263521,-85.411273&zoom=16zoom=16&scale=2&center=44.263521,-85.41127&key=AIzaSyBfGP5zV57hZj-Y6VyEoMta9W17fXQ98Mo" />


</div> 


</body>   


</html>

CSS

#google-static-map {
    width: 100%;
}