Comment ouvrir la boîte de dialogue jQuery UI sur Google Maps cliquez sur

Je suis en utilisant le code suivant pour afficher une boîte de dialogue jQuery UI lorsque la souris est cliqué sur la carte:Comment ouvrir la boîte de dialogue jQuery UI sur Google Maps cliquez sur

GEvent.addListener(map, "click", clicked); 

function clicked(overlay, latlng) { 
    $('#dialog').show(); 
};

deux cliqués fonction et la fonction show() fonctionne bien sur leur propre mais quand je veux ouvrir la boîte de dialogue en cliquant sur la carte, il ne fonctionne pas. Des idées?

Source

2010-03-25 Vonder

Vous pouvez consulter l'exemple suivant:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps jQuery UI Demo</title> 
    <link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" /> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
       type="text/javascript"></script> 
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" 
      type="text/javascript"></script> 
    <script src="jquery-ui-1.8.custom.min.js" type="text/javascript"></script> 

</head> 
<body onunload="GUnload()"> 
    <div id="map" style="width: 450px; height: 300px"></div> 
    <div id="dialog" title="Basic Dialog" style="display: none;">Dialog</div> 

    <script type="text/javascript"> 
     var map = new GMap2(document.getElementById("map")); 
     map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

     GEvent.addListener(map, "click", function(overlay, latlng) { 
     $('#dialog').dialog(); 
     }); 
    </script> 
</body> 
</html>

Screenshot:

alt text http://img517.imageshack.us/img517/643/jquerygoogle.png

Source

2010-03-25 01:17:52

Eh bien, je pense que ce que j'ai obtenu. – Vonder

@Vafello: Je l'ai testé tel quel, et la div de dialogue montre quand la carte est cliquée. J'allais l'essayer avec la boîte de dialogue jQuery UI complète, mais je suppose que cela fonctionnerait. Avez-vous vérifié les erreurs dans Firebug? –

Fonctionne avec alert() mais pas nécessairement avec cette fonction jquery show() ... – Vonder

Comment ouvrir la boîte de dialogue jQuery UI sur Google Maps cliquez sur

Répondre

Questions connexes