Inserer google maps sur un site web

Résolu
Bonjour,

Je souhaiterai inserer l'outil google maps sur un site web.
Je sais qu'il existe une API google maps mais il me semble que cela ne sert qu'à afficher un carte de mon choix!

Ce que je souhaiterai, c'est que, après inscription d'un membre sur le site et après avoir renseigner sa ville, que l'on puisse voir dans son profil une carte google avec l'emplacement de sa ville. Un peu comme sur Copain d'avant si certains connaissent.
Vous comprenez ce que je recherche?

Merci d'avance pour vos réponse

Biba-o

--

www.rc-web-creation.fr
Création et maintenance de sites Internet
Configuration: Windows XP
Firefox 2.0.0.11

11 réponses

Résumé de la discussion

L'objectif décrit est d'intégrer Google Maps sur un site web et d'afficher dans le profil d'un membre l'emplacement de sa ville après son inscription clairement. Les réponses recommandent d'utiliser l'API Google Maps (version 3) et le géocodage pour convertir une ville en coordonnées, puis d'afficher la carte correspondante dans le profil utilisateur. Des pistes pratiques mentionnées incluent des scripts prêts à l'emploi générés en ligne, la fixation des dimensions (par exemple 600px par 600px) et des exemples de code pour initialiser la carte. En cas d'option en ligne, certains suggèrent des générateurs de scripts et évoquent parfois une limite fréquente à environ 1000 px, tandis que d'autres orientent vers la géocodage inversé et des tutoriels.

Bobot (l’IA à votre service)
  1. je vous donne la meilleure façon car avec le site donné vous êtes limités à 1000px: donc voilà:

    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>[GoogleMaps API V3] Insertion d'une Carte</title>
    <style type="text/css">
    #div_carte {
    height : 600px; /* IMPERATIF */
    width : 600px;
    margin : auto;
    border : 1px solid #888;
    }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
    function initCarte(){
    // création de la carte
    var oMap = new google.maps.Map( document.getElementById( 'div_carte'),{
    'center' : new google.maps.LatLng( 46.80, 1.70),
    'zoom' : 6,
    'mapTypeId' : google.maps.MapTypeId.ROADMAP
    });
    }
    // init lorsque la page est chargée
    google.maps.event.addDomListener( window, 'load', initCarte);
    </script>
    </head>
    <body>
    <h1>Titre de la carte</h1>
    <div id="div_carte"></div>
    </body>
    </html>
    1. Merci bien ça m'a trop aidé!!
    2. merci 'center' : new google.maps.LatLng( 46.80, 1.70), ces cordonnées sont GPs ?
    3. Oui c'est des coordonnées GPS
    4. une autre solution plus meilleurs que ça:
      vous allez effecteuer votre rechereche sur google map et vous psécifiez l'endroit que vous voulez apparaitre sur votre site une fois trouvé vous clique sur un bouton en bas de barre de recherche
      sous forme d'infini et vous allez coller le code html sur votre site et n'oubliez pas de parametrer votre carte
    5. Oui certainement, mais ce n'est pas suffisant si tu veux afficher plusieurs points (repères) sur la carte et ainsi de suite...
      Tu peux utiliser l'API de Google Maps pour ça. C'est plus riche et il contient une multitude de choix et d'options.
  2. Bonjour

    J'avais la même question et j'ai trouvé la réponse pour générer le script
    à mettre sur notre site à l'adresse suivante :

    http://www.my-google-maps.com/Inscription.php

    C'est très facile, tu configures sur leur site en Français
    et il t'envoie le script sur ton mail
    1. Oui et la différence est que tu as cherché sur google contrairement au rédacteur du topic !

      La plupart des postes ont leur réponse en 5 secondes par une simple requête sur Google ...
    2. @mimiter

      Lequel des API as tu utiliser dans ton site?
    3. Merci pour les personnes qui donne des réponses au lieux de prendre les gens qui cherche pour des assister car on cherche sur google et google nous envoi ici donc merci informaticienSAP
  3. Le site proposé par mimiter permet seulement de générer un script manuellement.

    Pour afficher une carte google maps à partir d'une adresse, il faut utiliser l'API de géocodage inversé de google. Tu peux le faire toi même et comprendre comment ça marche !
    Voir ici (en anglais) : http://code.google.com/intl/fr/apis/maps/documentation/geocoding/#ReverseGeocoding

    Il y a même un tuto en français : http://www.evola.fr/reverse-geocoding.php
    1. j'ai pas pu acceder a ce lien :(
      http://www.evola.fr/reverse-geocoding.php
    2. Utilise un proxy Fatma !
    3. Bonjour!
      et si je veux permettre a kelk'1 de se rendre das un endroit a partir de la carte , cmmt faire stp?
  4. Merci beaucoup, la petite touche qui manquait pour mon site ^^
    Merci encore !
    1. Si vous utiliser google site, allez sur insertion, puis carte et laisser vous guidé.
      1. Bonjour,

        Moi je recherche comment intégrer le générateur de carte de Google sur un site entièrement en flash donc avec Macromédia flash
        1. Salut,

          J'ai vois que le sujet date un peu mais j'aimerais savoir si sur le plan que l'on a ajouter les visiteur de mon site pourrons marquer des emplacement dessus, si non pouvez-vous m'expliquer comment faire.

          Merci d'avance.
          1. bonjour une question svp
            cette méthode est-elle valable pour un forum?
            L'idée serait que les membres puissent s'inscrire pour donner leur localisation
            merci d'avance
            1. Bonjour,

              L'insertion de carte sur un site web, sans avoir à coder est expliquée ici :

              http://reussirsonblog.com/inserer-une-carte-dans-un-article-worpress/

              L'explication est donnée pour wordpress, mais elle fonctionne pour toutes les utilisations.
              1. "cela ne sert qu'à afficher un carte de mon choix!"
                "que l'on puisse voir dans son profil une carte google avec l'emplacement de sa ville"

                ??? HEIN !!!

                peux tu nous expliquer la différence entre les deux ????
                1. "Afficher uniquement la carte" et "mettre un pointeur rose ou bleue du lieu d'habitation de la personne sur la carte"
                2. Bonjour, commet je pourrais y ajouter une carte google personnalisé sur mon site web? Merci d'avance