inserer une carte avec google map

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] inserer une carte avec google map

    Bonjour à tous,

    j'essai d’insérer un carte google map dans un composant, mais rien ne s'affiche, pourtant je n'ai pas d'erreur.

    d'abord j'ai inséré dans le Template google map:
    $doc->addScript($this->baseurl . 'http://maps.googleapis.com/maps/api/js?sensor=false', 'text/javascript');

    puis dans ma vue, j'ai inséré un formulaire super compliqué :
    <div id="div_carte"></div>

    et enfin le jquery:

    <script type="text/javascript">

    jQuery(document).ready(function () {
    var map = new google.maps.Map(jQuery("#div_carte")[0], {'center' : new google.maps.LatLng( 46.80, 1.70),'zoom' : 6,'mapTypeId' : google.maps.MapTypeId.ROADMAP});
    });

    google.maps.event.addDomListenerOnce($("#div_carte ")[0], 'mouseover', function(){ initialize(); });

    </script>


    merci de votre aide, ça fait des heures que je suis dessus, je sais pas vers ou me diriger
    Dernière édition par dedjoombourp à 13/07/2015, 14h28

  • #2
    Re : inserer une carte avec google map

    Il est beaucoup plus simple d'utiliser un composant (et ses module et plugin) comme Phoca Maps ou équivalent.

    Question quand même : cette carte doit s'afficher dans un "composant" maison ou dans une page (article ou autre) standard de Joomla! ?
    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

    Commentaire


    • #3
      Re : inserer une carte avec google map

      elle s'affiche dans un composant maison, j'ai créé la bdd et les formulaires avec componant créator (parce que je suis féneant) et je modifie en fonction de mes besoins.

      Du coup il est pas forcément trivial d’insérer un module dans ma vue.

      Commentaire


      • #4
        Re : inserer une carte avec google map

        Bonsoir,

        J'ai du intégré une carte sur mon site web et j'ai trouver vraiment très simple.

        Tu fais une recherche sur la zone ou tu veux que ta carte cible, tu cliques sur le petit engrenage en bas, puis partager la carter.

        Tu as ensuite deux choix, soit un lien brut, soit un bout de code HTML.

        EN utilisant un éditeur d'article type JCE, tu copies/colles le code directement dans ton articles et le tour est joué.

        En espérant t'avoir été utile.

        Myrogis

        Commentaire


        • #5
          Re : inserer une carte avec google map

          Bonjour,

          Merci pour ta réponse, et dsl pour la réponse tardive.
          Ta solution est parfaite pour une adresse prédéfini, mais comment faire lorsque l’on parle de plusieurs personnes qui on inscrit leurs adresses dans la base de données ?
          J’ai fini par trouver une solution :
          D’abord j'ai inséré google map dans le Template:
          $doc->addScript($this->baseurl . 'http://maps.googleapis.com/maps/api/js?sensor=false', 'text/javascript');

          Ensuite la balise qui contiendra ma carte
          <div id="div_carte"></div>

          Un peu de css super important sinon rien ne s’affiche
          #div_carte{
          height:500px;
          }

          Et le js (jquery) :
          <script type="text/javascript">
          //on affiche la carte lorsque la page est chargée
          jQuery(document).ready(function () {

          //l’objet map qui vient de notre ami google, avec des options comme le zoom et les coordonnées pour centrer la carte récupérées dans la bdd (latitude,longitude)
          var map = new google.maps.Map(jQuery("#div_carte")[0], {
          'center' : new google.maps.LatLng(<?php echo $this->item->coordonnees; ?>),
          'zoom' : 16,
          'mapTypeId' : google.maps.MapTypeId.ROADMAP});

          //puis l’objet marker (le petit symbole qui montre le point exact)
          var marker = new google.maps.Marker({
          //la position
          position: <?php echo $this->item->coordonnees; ?>,
          //le nom de la map concernée
          map: map,
          //puis des options comme le titre
          title: 'le titre que vous voulez',
          //ou l’animation
          animation: google.maps.Animation.BOUNCE });
          });

          google.maps.event.addDomListenerOnce($("#div_carte ")[0], 'load', function(){ initialize(); });
          </script>


          Voila j’espère que ça pourra aider, n’hésitez pas à donner des améliorations
          La doc : https://developers.google.com/maps/d...script/markers

          PS : Si ça intéresse quelqu’un, j’ai également fait un formulaire qui inscrit en bdd les coordonnées du marker si la personne le fait bouger sur la carte.
          Dernière édition par dedjoombourp à 17/07/2015, 07h31

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X