<div id="map1div" style="height: 400px;"></div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false&"></script>
<script type="text/javascript">
function map1_initialize( ) {
var cwc2011_venue_data = [ {
name: "VARIABLE C",
latlng: new google.maps.LatLng( VARIABLE A, VARIABLE B )
} ];
var map = new google.maps.Map( document.getElementById( "map1div" ), {
center: new google.maps.LatLng( 0, 0 ),
zoom: 0,
mapTypeId: google.maps.MapTypeId.ROADMAP
} );
for ( var i = 0; i < cwc2011_venue_data.length; i++ ) {
new google.maps.Marker( {
position: cwc2011_venue_data[ i ].latlng,
map: map,
title: cwc2011_venue_data[ i ].name
} );
}
var latlngbounds = new google.maps.LatLngBounds( );
for ( var i = 0; i < cwc2011_venue_data.length; i++ ) {
latlngbounds.extend( cwc2011_venue_data[ i ].latlng );
}
map.fitBounds( latlngbounds );
new google.maps.Rectangle( {
bounds: latlngbounds,
map: map,
fillColor: "#000000",
fillOpacity: 0,
strokeWeight: 0
} );
}
google.maps.event.addDomListener( window, 'load', map1_initialize );
</script>