Rough google maps partial

_map.html.haml

#map_canvas{:style=>"width: 400px; height: 400px"}
%script{:type => "text/javascript", :src=>"http://maps.google.com/maps/api/js?sensor=false"}
= javascript_include_tag 'map'
:javascript
  $(document).ready(function(){mappit("#{address}")});

map.js

var mappit = function(address){

  var geocoder, map, myOptions, mapCenterFunc;

  geocoder = new google.maps.Geocoder();

  myOptions = {
    zoom: 17,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  mapCenterFunc = geocoder.geocode({address: address}, function(result){

    var center, marker;

    center = result[0].geometry.location;

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    map.setCenter(center);

    marker = new google.maps.Marker({
      map: map,
      position: center
    });

  });
};