jquery-ui - Google 地图和 jQuery UI 对话框渲染工件

Question

在 jQuery UI 对话框中显示谷歌地图时，如果我拖动对话框，它会留下渲染工件：

有没有办法阻止或解决这个问题？

（使用 Chrome 27.0.1453.110 m）

Answer 1

我可以轻松地创建一个 jquery-ui 对话框，其中包含一个地图，在拖动时不会显示任何伪影。如果您创建一小段示例代码来重新创建问题，这将很有帮助。 这是一个 js fiddle 来说明。

function initializeDlgMap() {
  var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
dialog = $( "#map-dialog" ).dialog({
  autoOpen: false,
  height: 400,
  width: 400,
  modal: true,
  buttons: {
    Cancel: function() {
      dialog.dialog( "close" );
    },
    Confirm: function() {
      dialog.dialog( "close" );
    }
  },
  open: function() {
    initializeDlgMap();
  }
});
$( "#show-map").click(function() {
  dialog.dialog( "open" );
});

我会将此添加为评论，但我没有足够的声誉点。