Discussion :

[chanteur06]

Hello
depuis un bail, les cartes que j'avais sous un format ne fonctionnent plus, vu que Google demande de placer son API.
Comment je passe de ma commande A, à la commande officielle, pour récupérer mes adresses sur les cartes posées sur ma page..? Parce que là elles ne s'affichent pas :-( (le test avec la long/lat inscrite en chiffre direct fonctionne et s'affiche correctement)
En bref, je n'ai pas la bonne syntaxe php pour récupérer mes valeurs posées dans mes champs lat/long...merci (je tourne depuis 2 heures mais je n'y arrive pas :-( )

Ma syntaxe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 var uluru = {lat: '<?php '.$r["$tab_champs[23]"].'?>', lng: '<?php '.$r["$tab_champs[24]"].'?>'};

Avant / code A :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=<?=urlencode($r["$tab_champs[5]"].', '.$r["$tab_champs[8]"].' '.$r["$tab_champs[2]"]);?>&amp;iwloc=A&amp;output=embed"></iframe>

et le code officiel B

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXlrcVELXRKOTk1tD6pgT-i7TUY&callback=initMap">
    </script>

[Celira]

Il te manque le echo pour afficher la valeur de la variable :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var uluru = {lat: '<?php echo $r["$tab_champs[23]"];?>', lng: '<?php  echo $r["$tab_champs[24]"]; ?>'};

Tu peux aussi utiliser la version courte avec <?= (ce qui est ce que tu utilisais avant)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var uluru = {lat: '<?=$r["$tab_champs[23]"]?>', lng: '<?=$r["$tab_champs[24]"]?>'};

[chanteur06]

Merci pour ta réponse..mais la map ne s'affiche pas malgré les coordonnées inscrites dans la bdd...seule une surface grise, qui me propose néanmoins de ctrl+molette pour un défilement.

Un problème de syntaxe ..?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: '<?php echo $r["$tab_champs[24]"]; ?>', lng: '<?php echo $r["$tab_champs[25]"]; ?>'};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXlrcVELXR9Tk1tD6pgT-i7TUY&callback=initMap">
    </script>

[Celira]

Tu as regardé la source HTML générée ? pour voir si le format correspond

[chanteur06]

Bingo merciiii !
Alors :
A/effectivement, utiliser le code source m'a permi de vérifier les infos, qui n'étaient pas bonnes (il manquait la bonne longitude)
B/suite à un test sur une page dédié à la map et en entrant le code source généré, rien ne s'affichait, il restait donc un soucis...de syntaxe, les guillemets empêchant le fonctionnement du script.
C/ voilà la bonne syntaxe pour ma part pour générer / afficher une map Google sur ma page web en recupérant des données en PHP:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
   <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: <?php echo $r["$tab_champs[23]"]; ?>, lng: <?php echo $r["$tab_champs[24]"]; ?>};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 16,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXiKOTk1tD6pgT-i7TUY&callback=initMap">
    </script>