Afficher et cacher un pla google map avec jquery

Eléphant du PHP | 372 Messages

03 juin 2015, 09:44

Salut j'ai un petit bout de code qui me permet d'afficher une map, par default celui est caché est au clik on fait apparaitre la carte.
Tout marche la localisation et tt se fait corectement mais la carte reste caché au moment ou je met le js en place.
Si je supprime la div <div id="toggle_plan"> la carte apparait bien mais il est important pour moi que le plan soit cacher et le faire apparaitre uniquement au clik, merci pour votre aide à venir :wink:

Mon code :

Le formulaire avec l'adresse de l'id cliké et le fameux bouton onclik
<form>
  <input type="hidden" id="adresse" value="<?php if($ligne['street'] == NULL) { echo "Non renseigné";} else {echo htmlspecialchars ($ligne['street']);}?> , <?php echo htmlspecialchars ($ligne['postcode'].' '.$ligne['city']);?>"/>
  <a id="toggler_plan"><input class="visual_map" type="button"  value="Localiser sur Google Map" onclick="TrouverAdresse();"/></a>
</form>
La carte en elle même, avec la div relié au js
<div id="toggle_plan">
<div id="map-canvas" style="height:270px;width:100%; margin-bottom:15px"></div>
</div>
Et le js en question qui fait l'action de cacher et d'afficher le plan
<script type='text/javascript'>
jQuery(document).ready(function()
{
   // On cache la zone de texte
   jQuery('#toggle_plan').hide();
   // toggle() lorsque le lien avec l'ID #toggler est cliqué
   jQuery('a#toggler_plan').click(function()
  {
      jQuery('#toggle_plan').toggle(500);
      return false;
   });
});
</script>