Foros del Web - Ver Mensaje Individual

abimaelrc · #9 (**permalink**) 03/04/2011, 14:11

Mal rayo parte es verdad se me olvida que existe this, bueno en ciertas ocaciones se me olvida

Lo digo porque en otros lados lo menciono y se me olvidó que lo puedo aplicar al objeto que se está creando en ese momento

Aquí está todo y con HUMACAO

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>test</title>
    <style>
    *{ margin: 0; padding: 0; }
    html, body, #map{
        width: 100%;
        height: 100%;
    }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>
    <script type="text/javascript">
    window.onload = function(){
        var options = {
            zoom: 9
            , center: new google.maps.LatLng(18.2, -66.4)
            , mapTypeId: google.maps.MapTypeId.ROADMAP
        };
 
        var map = new google.maps.Map(document.getElementById('map'), options);
 
        var place = new Array();
        place['San Juan'] = new google.maps.LatLng(18.465, -66.105);
        place['Mayagüez'] = new google.maps.LatLng(18.215, -67.14);
        place['Ponce'] = new google.maps.LatLng(18.025, -66.615);
        place['Fajardo'] = new google.maps.LatLng(18.336, -65.65);
        place['Culebras'] = new google.maps.LatLng(18.315, -65.3);
        place['Vieques'] = new google.maps.LatLng(18.125, -65.44);
        place['Humacao'] = new google.maps.LatLng(18.14, -65.88);
 
        for(var i in place){
            var marker = new google.maps.Marker({
                position: place[i]
                , map: map
                , title: i
            });
 
            google.maps.event.addListener(marker, 'click', function(){
                var popup = new google.maps.InfoWindow();
                popup.setContent('Lugar: ' + this.title);
                popup.open(map, this);
            })
        }
    };
    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>