javascript - グーグルマップを要素から削除できますか？

Question

私はjQuery-UIの ウィジェットファクトリをいじってグーグルマップウィジェットを作成してきました。

destroyウィジェットファクトリには、要素からウィジェットを削除するための事前に構築された機能が含まれています。DOMから要素を削除せずに、元の要素をGoogleマップから切り離す方法があるかどうか知りたいです。

_{私が行った検索のほとんどは、DOMからマップを削除するのではなく、Googleマップからマーカーやその他のレイヤーを削除する方法につながります。}

Answer 1

最も簡単な方法は、元の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

Answer 2

の代わりに、マップを含むで.remove()jQuery関数.empty()を使用することもできます。divこの関数はすべてを削除しますが、div。したがって、アウターとインナーを用意する必要はありませんdiv。