<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 7,
    center: new google.maps.LatLng(-44,-74),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    var projects = [];

    <?php $terrenos = get_terrenos(); ?>

    <?php foreach ($terrenos as $terreno) { ?>
      projects.push({
        lat: <?php echo isset($terreno->latitud) ? "'" . $terreno->latitud . "'": '' ?> ,
        lon: <?php echo isset($terreno->longitud) ? "'" . $terreno->longitud . "'": '' ?>,
        info: <?php echo isset($terreno->name) ? "\"" . $terreno->name . "\"" : '' ?>,
        marker : null
      });
    <?php } ?>

    // console.log(projects);

    var InfoWindow = new google.maps.InfoWindow(
    {
      content: '...'
    });

    for( var key in projects ){
      var project = projects[key];

      project.marker = new google.maps.Marker({
        position: new google.maps.LatLng(project.lat, project.lon),
        map: map,
        info: project.info
      });

      google.maps.event.addListener(project.marker, 'click', function(){
        InfoWindow.setContent(this.info);
        InfoWindow.open(map, this);
      });
    }

}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>

    <div id="map-canvas" style="width:480px; height:418px; margin-top:1px; float:left; margin-right:10px;"></div>