Generic Google Map Example with Markers at -90,25

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map_div" style="height: 400px;"></div>

CSS

body {
  margin: 0;
  padding: 0;
  font: 12px sans-serif;
}
h1, p {
  margin: 0;
  padding: 0;
}

JavaScript

var map;

google.maps.event.addDomListener(window, "load", function () {

  
  var map = new google.maps.Map(document.getElementById("map_div"), {
    center: new google.maps.LatLng(25,-90),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROAD
  });

  
  var infoWindow = new google.maps.InfoWindow();

  
  function createMarker(options, html) {
    var marker = new google.maps.Marker(options);
    if (html) {
      google.maps.event.addListener(marker, "click", function () {
        infoWindow.setContent(html);
        infoWindow.open(options.map, this);
      });
    }
    return marker;
  }

 
  var marker0 = createMarker({
    position: new google.maps.LatLng(25, -90),
    map: map
  }, "<h1>Centered at -90 , 25</h1><p>works with google api v.3.</p>");

});