IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

APIs Google Discussion :

Création d'un Google Maps


Sujet :

APIs Google

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2015
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2015
    Messages : 10
    Par défaut Création d'un Google Maps
    Bonjour à tous,

    J'aimerais tout simplement afficher une carte Google Maps sur mon navigateur, centrée sur la position actuelle. Mais je n'y arrive pas... Au chargement de la page, il me met un message d'erreur "Error". Pouvez-vous m'aider svp ? Merci beaucoup Voici le code de ma page :

    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>Entrega 5</title>
     
        <link href="/style.css" rel="stylesheet" type="text/css" media="all">
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="gmaps.js"></script>
        <script type="text/javascript" src="http://zeptojs.com/zepto.min.js"></script>
     
      <script type="text/javascript">
        var map, lat, lng;
        $(function(){
          function geolocalizar(){
            GMaps.geolocate({
              success: function(position){
                lat = position.coords.latitude;
                lng = position.coords.longitude;
                
                var map = new GMaps({
                  el: '#map',
                  lat: lat,
                  lng: lng
                });
                map.addMarker({lat: lat, lng: lng});
              },
              error: function(error) {alert ('Error '+error.message);},
              not_supported: function(){alert('No soporta geolocalización')},
            });
          };
          geolocalizar();
        });
        </script>
      </head>
     
      <body>
      <h1>Geolocalización y Mapas</h1>
      <div id="map"></div>
      </body>
    </html>

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    tu peux toujours commencer par
    - Créer des cartes Google Maps
    - L'API geolocalisation en HTML5
    et pourquoi pas un coup d'oeil à la FAQ API Google Maps

  3. #3
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2015
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2015
    Messages : 10
    Par défaut
    J'ai suivi à la lettre pas à pas toutes les étapes de ce tutoriel : Gmaps
    Ca ne marche toujours pas... La page reste blanche lors du chargement... Pourriez-vous me donner une explication svp ? J'ai vu sur certains forums que cela arrivait à d'autres personnes sans plus d'explication.
    Je suis sur Safari 8.0.3

    Merci

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    J'ai suivi à la lettre pas à pas toutes les étapes de ce tutoriel : Gmaps
    peut être que tu as tout simplement oublié d'intégré jQuery qui est visiblement nécessaire à Gmaps

    [EDIT]
    je viens de voir que tu as réussi à le faire sans jQuery, dans cette discussion.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Il n'y a pas d'instruction d'inclusion de la librairie JQuery, alors que vous semblez utiliser des instructions de cette librairie

Discussions similaires

  1. Création d'un système type "Google Maps"
    Par thiphariel dans le forum API standards et tierces
    Réponses: 4
    Dernier message: 07/03/2013, 10h22
  2. [Google Maps] Création d'un repère
    Par kaiser59 dans le forum APIs Google
    Réponses: 4
    Dernier message: 21/06/2007, 20h15
  3. [Hibernate] [Eclipse] Création du fichier de mapping
    Par Willy7901 dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 11/08/2005, 17h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo