javascript - 可以从元素中删除谷歌地图吗？

Question

我一直在搞乱 jQuery-UI's widget factory创建一个 google map小部件。

小部件工厂包括预构建的 destroy 功能，用于从元素中删除小部件。我很想知道是否有一种方法可以从 Google map 中分离原始元素，而无需从 DOM 中删除该元素。

_{我所做的大部分搜索都是关于如何从 Google map 中删除标记和其他图层，而不是从 DOM 中删除 map 。}

Answer 1

我认为最简单的方法是在原始div 中创建内部div 并为内部div 初始化映射。销毁 map 时，只需删除内部 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