Cómo ocultar los marcadores de API de Google Maps con jQuery

Question

Mar 07, 2012, 01:35 AM

Cómo ocultar los marcadores de API de Google Maps con jQuery

Hola, esta podría ser una pregunta realmente tonta, pero estoy tratando de hacer que los marcadores desaparezcan cuando se hace clic en ellos. El marcador está ubicado correctamente en el mapa, pero cuando hago clic en él, no hace nada. Me preguntaba por qué no funciona. ¡Gracias

  <script type="text/javascript" src="jQuery.js"></script>
  <script type="text/javascript">

  $(document).ready(function(){
      var myOptions = {
        center: new google.maps.LatLng(40.1, -88.2),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

      var myLatlng = new google.maps.LatLng(40.1, -88.2);
      var temp_marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title:"Hello World!"
        });

      console.log($(temp_marker));
      console.log(temp_marker);

      //temp_marker.click(function(){$(this).hide();});

      $(temp_marker).click(function(){console.log("click is working"); $(this).hide();});
          });
  </script>
</head>
<body>
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>