私はjQuery-UIの ウィジェットファクトリをいじってグーグルマップウィジェットを作成してきました。
destroy
ウィジェットファクトリには、要素からウィジェットを削除するための事前に構築された機能が含まれています。DOMから要素を削除せずに、元の要素をGoogleマップから切り離す方法があるかどうか知りたいです。
私が行った検索のほとんどは、DOMからマップを削除するのではなく、Googleマップからマーカーやその他のレイヤーを削除する方法につながります。
私はjQuery-UIの ウィジェットファクトリをいじってグーグルマップウィジェットを作成してきました。
destroy
ウィジェットファクトリには、要素からウィジェットを削除するための事前に構築された機能が含まれています。DOMから要素を削除せずに、元の要素をGoogleマップから切り離す方法があるかどうか知りたいです。
私が行った検索のほとんどは、DOMからマップを削除するのではなく、Googleマップからマーカーやその他のレイヤーを削除する方法につながります。
最も簡単な方法は、元のdiv内に内部divを作成し、内部divのマップを初期化することだと思います。マップを破壊するときは、内側のdivを削除するだけです。
var $inner = $('<div style="width: 100%; height: 100%"></div>').appendTo('#map_div');
// creation:
var map = new google.maps.Map($inner[0], { ... });
// removal:
$inner.remove();
jqueryなし:
document.getElementById('map_div').innerHTML = '<div id="inner_map_div" style="width: 100%; height: 100%"></div>';
// creation:
var map = new google.maps.Map(document.getElementById('inner_map_div'), { ... });
document.getElementById('map_div').innerHTML = ''; // removal
の代わりに、マップを含むで.remove()
jQuery関数.empty()
を使用することもできます。div
この関数はすべてを削除しますが、div
。したがって、アウターとインナーを用意する必要はありませんdiv
。