jquery-ui - infoWindow中的jquery ui对话框

Question

是否可以在 infoWindow 或 infoBox 中使用 ui 对话框？
此代码不起作用：

google.maps.event.addListener(marker,"click", function()
    { 
        html = "$('#dialog-click').dialog({...})";
        ib.setContent(html);
        ib.open(map,marker);
    }


<div id="dialog-click">
<label for="name">Name:</label>
<input type='text' id='name' />
<label for="firstname">Firstname:</label>
<input type='text' id='firstname' />
</div> 

Answer 1

是的，如果您的意思是从 infoWindow 或 infoBox 中打开

您的标记：

<div id="dialog-click">
<label for="name">Name:</label>
<input type='text' id='name' />
<label for="firstname">Firstname:</label>
<input type='text' id='firstname' />
</div> 

信息窗口：

infoWindow = new google.maps.InfoWindow({
   map: map
});

地图点击事件：

google.maps.event.addListener(map, 'click', function(args) {
   var html='<a href="#" onclick="$(&quot;#dialog-click&quot;).dialog();">click to open</a>';
   infoWindow.setPosition(args.latLng);        
   infoWindow.setContent(html);
   infoWindow.open(map);
});

只需将-codedialog()放在onclick-handler 中即可。您可以使用args.pixel设置对话框的位置

var x=args.pixel.x;
var y=args.pixel.y;