Javascript 点击按钮时需要显示谷歌地图

我有一个谷歌地图，需要通过点击“地图”按钮来显示。一旦我点击它，所选div的内容就会消失，因为地图不会出现

我读了下面的问题，但还不能解决它

（如果您在.HTML文件中复制以下代码，您可以通过单击地图看到单词“here”消失了，但在演示中它静止不动。）

地图
在这里
函数hideMap（）{
$（“#多重映射”）.hide（）；
$（“#myList”）.show（）；
}
函数populateMap（）{
$（“#myList”）.hide（）；
$（“#多重映射”）.show（）；
google.maps.event.trigger（映射，'resize'）；
映射边界（bounds）；
}
var映射；
var标记=[]；
var pinColor=“FE7569”；
var界；
函数pinImage（imagenum）{
return image=new google.maps.MarkerImage(
"http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld="
+imagenum+“|”+pinColor）；
}
函数初始化（）{
风险值结果=[
[
“A”，
"47.3774496",
"8.50161", "0",
“id1”][
“B”，
"47.3880587",
"8.6004076", "1",
“id2”]，]；
var结果=结果
康卡特先生([
[
“T”，
"52.0552086",
"20.4228263",
"0",
“id6”]，
]);
var结果=结果
康卡特先生([
]);
变量映射选项={
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'multiple-map'），
地图选项）；
处理结果（结果）；
hideMap（）；
}
函数processResults（结果）{
bounds=新的google.maps.LatLngBounds（）；
var infowindow=new google.maps.infowindow（）；
标记=[]；
对于（i=0；i

您正在使用此命令在窗口的加载事件中加载地图

google.maps.event.addDomListener（窗口“加载”，初始化）

如果您希望在按钮单击时加载地图，只需将
窗口
替换为按钮的选择器（在您的情况下为
#地图
并将
加载
事件更改为
单击

var mapButton = document.getElementById('map');
google.maps.event.addDomListener(mapButton, 'click', initialize);

请过目。
我这样做了，但它无助于将鼠标悬停在向下投票箭头上，这就是您需要的所有向下投票的解释。
var mapButton = document.getElementById('map');
google.maps.event.addDomListener(mapButton, 'click', initialize);