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

[dedjoombourp]

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

[RobertG]

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

[dedjoombourp]

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.

[Myrogis]

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

[dedjoombourp]

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.