<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
 function init() {
   var geocoder = new google.maps.Geocoder();
   var address = "{{ self.address }}";
   geocoder.geocode( { 'address': address}, function(results, status) {

     if (status == google.maps.GeocoderStatus.OK) {
       var latitude = results[0].geometry.location.lat();
       var longitude = results[0].geometry.location.lng();
     }
     var mapProp = {
       center:new google.maps.LatLng(latitude, longitude),
       zoom: 17,
       mapTypeId:google.maps.MapTypeId.ROADMAP
     };
     var map=new google.maps.Map(document.getElementById('googleMap-{{self.address}}'), mapProp);
   });
 }
 google.maps.event.addDomListener(window, 'load', init);
</script>

<div id="googleMap-{{ self.address }}" style="width:100%;height:300px;"></div>

<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
 function init() {
   var geocoder = new google.maps.Geocoder();
   var address = "{{ self.address }}";
   geocoder.geocode( { 'address': address}, function(results, status) {

     if (status == google.maps.GeocoderStatus.OK) {
       var latitude = results[0].geometry.location.lat();
       var longitude = results[0].geometry.location.lng();
     }
     var mapProp = {
       center:new google.maps.LatLng(latitude, longitude),
       zoom: 17,
       mapTypeId:google.maps.MapTypeId.ROADMAP
     };
     var map = new google.maps.Map(document.getElementById('googleMap-{{self.address}}'), mapProp);
     var marker = new google.maps.Marker({
       position: {lat: latitude, lng: longitude},
       map: map
     });
   });
 }
 google.maps.event.addDomListener(window, 'load', init);
</script>

<div id="googleMap-{{ self.address }}" style="width:100%;height:300px;"></div>

Add marker to google map block
Add marker to google map block
