Friday, September 5, 2008

Google Maps In Blogger

Post body:

<script src="http://maps.google.com/maps?
file=api&amp;v=2&amp;key=CHANGEME" type="text/javascript"></script>

<script type="text/javascript">
function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(15, 5), 2);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl()); ;
    map.setMapType(G_NORMAL_MAP);
    map.setMapType(G_SATELLITE_MAP);
    GEvent.addListener(map, "moveend", function() {
      var center = map.getCenter();
      document.getElementById("message").innerHTML =
      center.toString();
    });
  }
}
</script>
<div id="map_canvas" style="width: 900px; height: 500px"></div>
<div id="message"></div>
<script>
initialize();
</script>