当鼠标在 map 上单击时，我使用以下代码显示 jQuery UI 对话框:
GEvent.addListener(map, "click", clicked);
function clicked(overlay, latlng) {
$('#dialog').show();
};
单击函数和 show() 函数本身都可以正常工作，但是当我想通过单击 map 来打开对话框时，它却不能。有什么想法吗？
最佳答案
您可能想查看以下示例:
<!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&v=2&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>
屏幕截图:
alt text http://img517.imageshack.us/img517/643/jquerygoogle.png
关于javascript - 如何在 Google map 上单击打开 jQuery UI 对话框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2512550/