Question

这是我的Google地图代码（它完全可以自行运行）：

<table width=99%>

<tr><td align="center">

<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">

</script>

<script type="text/javascript">


 var map;

function initialize() {


  var mapOptions = {
center: new google.maps.LatLng(<?php echo $row['latitude_deg']; ?>,<?php echo $row['longitude_deg']; ?>),
zoom: 13,
mapTypeId: google.maps.MapTypeId.HYBRID

  };

map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  map.setTilt(45);

  map.setHeading(90);

}


function autoRotate() {

  // Determine if we're showing aerial imagery

  if (map.getTilt() != 0) {
map.setHeading(180);
setTimeout('map.setHeading(270)',3000);
setTimeout('map.setHeading(0)',6000);
setTimeout('map.setHeading(90)',9000);

  }

}

</script>

<body onload="initialize()">

  <div id="map_canvas" style="width:100%; height:350px"></div>

</td></tr></table>

这是我的show / hide功能的代码：

 <div style="background-color:black; width:80%; cursor:pointer;hand" onClick="showhide('id6'); return(false);"><table width="100%"><tr><td width=80% align=left><font color="white" size="4"><strong>&nbsp;Airport Maps</strong></font></td><td align=right><font color="white" size="1"></font></td></tr></table></div>

<span id="id6" style="display: none">    
****Google Maps Code goes here****
</span>

当我把我的谷歌地图代码放在“span”“/ span”里面时，我遇到了问题，因为它无法正常运行。谷歌地图显示，但图像显示没有可用的图像，而且它位于错误的位置。

你知道如何解决这个问题吗？

Answer 1

解决！

function displayMap() {
                document.getElementById('map_canvas').style.display="block";
                initialize();
            }

Inside Show All Div：

   onClick="showall('id1','id2','id3','id4','id5','id6','id7'); displayMap(); return(false);"

Inside Individual Show / Hide Div：

   onClick="showhide('id6'); displayMap(); return(false);"

显示Google地图隐藏问题

1 个答案: