Показать скрыть проблему с Google Maps - PullRequest
Новая
       4

Показать скрыть проблему с Google Maps

0 голосов
/ 11 марта 2012

Это мой код Google Maps (работает он сам по себе): 

<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>

Вот мой код для моей функции показать / скрыть: 

 <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>

У меня естьпроблема, когда я помещаю свой код карты Google в "span" / span, где он не работает должным образом.Карты Google отображаются, но изображение показывает, что изображение недоступно, и оно не в том месте.

У вас есть идеи, как решить эту проблему?

1 Ответ

0 голосов
/ 12 марта 2012

РЕШИТЬ! 

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

Внутри Показать все Div: 

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

Внутри индивидуального шоу / скрытия Div: 

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