Exemples et tutoriels sur l'API Google Maps

Consultez la formation Google Maps, News, Images de WebRankInfo / Ranking Metrics

cvin345889
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 6
Inscription: 2 Mai 2006

Exemples et tutoriels sur l'API Google Maps

Message le Mer Fév 06, 2008 0:30

Bonsoir,

Voici un tuto sympa pour afficher une carte et une liste interagissant entre elles à l'aide de php mysql et json

le tuto : http://www.touraineverte.com/Google-Map ... /index.php

un exemple : http://www.touraineverte.com/Google-Map ... -final.php

Cordialement.


Bubber
WRInaute discret
WRInaute discret
 
Messages: 78
Inscription: 3 Avr 2007

Message le Mer Fév 06, 2008 6:43

+1 ! Alors là, je dis merci ! Ce tutoriel est tout ce que je cherchais et que j'avais imaginé mais sans avoir le temps de me poser pour apprendre à le faire.

Une reco au passage et une entrée dans mon del.icio.us! Une ! ;)


pcamliti
WRInaute impliqué
WRInaute impliqué
 
Messages: 827
Inscription: 9 Mar 2007

Message le Mer Fév 06, 2008 9:19

Superbe boulot ! Bravo.
le survol des liens avec changement de couleur et l'intégration dans la base mysql.... chapeau.

lesbonsplansdesophie
WRInaute impliqué
WRInaute impliqué
 
Messages: 523
Inscription: 1 Mar 2004

Message le Jeu Fév 07, 2008 15:15

un autre exemple avec intégration sql : www.artscape.fr/map.php

(mon site ;-) )

très bon tuto effectivement !


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Lun Fév 11, 2008 16:06

Bonne initiative cvin345889,
à une remarque près... Ton bloc adsense est fourni dans le code ( :idea: ).


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Mer Fév 13, 2008 10:25

A propos de ce tutoriel, j'ai 2 questions.

1 - Est-il possible de forcer l'affichage (latitude, longitude, zoom) d'une carte au chargement car dès lors qu'il existe des points dispersés dans le monde, c'est tout le globe qui apparait [et ce n'est pas trés esthétique].

2 - Est-il possible facilement d'attacher de nouvelles variables à pointData ? [Autres que pointData.latitude, longitude, adresse... Bref, les 6 qui figurent dans ton tuto]
Merci.


KOogar
WRInaute accro
WRInaute accro
 
Messages: 3974
Inscription: 16 Nov 2004

Message le Mer Fév 13, 2008 15:05

On peut faire de la géolocalisation maintenant avec Google Maps :D :D

Geocoding with PHP and the Google Maps API
http://www.phpriot.com/articles/google-maps-geocoding/1

Les fichiers sont founis dans le menu à droite.


Bubber
WRInaute discret
WRInaute discret
 
Messages: 78
Inscription: 3 Avr 2007

Message le Jeu Fév 14, 2008 11:19

@Aye-Aye :
A mon avis le code adsence et la carte sont dissociés.
Ayant déjà eu l'occasion d'intégrer une carte Google, il n'y a pas de bloc adsence à ajouter; Google maps c'est gratuit sans conditions (sauf celles du CGU).

J'pense qu'il est possible de zoomer sur une partie du globe. (même si tous les points sont pas dans la zone).
Pareil : il est possible de rajouter d'autres variables pour le point.
Ex : Vélô Toulouse

Après je ne sais pas comment le faire. Je n'ai pas fouillé suffisamment.

@KOogar : + 1 ! ça c'est du tuto qu'il est bien long mais très intéressant. ;)

edit: rectification :oops:


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Sam Fév 16, 2008 9:56

Bubber a écrit: @Aye-Aye :
A mon avis le code adsence et la carte sont dissociés.
Ayant déjà eu l'occasion d'intégrer une carte Google, il n'y a pas de bloc adsence à ajouter; Google maps c'est gratuit sans conditions (sauf celles du CGU).

Bonjour Bubber,
j'ai du mal m'exprimer. Je voulais dire que cvin345889 donne dans son tuto un div qui contient son bloc adsense (code à copier)... Je conseillerais de le retirer, pour qu'il n'y ai pas d'ambiguité.

Bubber a écrit: J'pense qu'il est possible de zoomer sur une partie du globe. (même si tous les points sont pas dans la zone).

Peut être au prix d'une modification du fichier fonctions.js... mais je n'ai pas trouvé la solution. :?


Bubber a écrit:Pareil : il est possible de rajouter d'autres variables pour le point.
Ex : Vélô Toulouse

Je suis arrivé au même résultat ... mais sans ajouter de nouvelles variables... juste en bidouillant avec un peu de php, les variables existantes.


Bubber
WRInaute discret
WRInaute discret
 
Messages: 78
Inscription: 3 Avr 2007

Message le Lun Fév 18, 2008 15:32

Aye-Aye a écrit:Bonjour Bubber,
j'ai du mal m'exprimer. Je voulais dire que cvin345889 donne dans son tuto un div qui contient son bloc adsense (code à copier)... Je conseillerais de le retirer, pour qu'il n'y ai pas d'ambiguité.


Au temps pour moi ! J'avais mal compris.


Aye-Aye a écrit:Peut être au prix d'une modification du fichier fonctions.js... mais je n'ai pas trouvé la solution. :?


'Tin suis c*n ! :oops: En fait, pour spécifier la taille de la carte, il suffit de modifier la taille de la "div" qui la contient.

Donc, le fichier à modifier c'est style.css
Je pense qu'il faut modifier les largeurs dans les "id" #map-wrapper, #map et #sidebar.


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Lun Fév 18, 2008 16:59

Hello Bubber,
ta solution va modifier la taille des div... mais ce n'est pas ce que je cherche... Ce que je veux c'est forcer à l'affichage le point central et la valeur du zoom... dans fonctions.js
Code: Tout sélectionner
var centerLatitude = 47.389285;
var centerLongitude = 0.689049;
var startZoom = 9;

Ces valeurs ne sont pas prise en compte si il existe des points en dehors de la surface affichée...
Mais ce n'est pas grave. :wink:


Bubber
WRInaute discret
WRInaute discret
 
Messages: 78
Inscription: 3 Avr 2007

Message le Lun Fév 18, 2008 23:47

Oups ! Voilà ce que ça fait de lire les posts entre deux inscriptions dans les annuaires et un suivi de campagne AdWords. Désolé d'avoir répondu à côté (encore une fois).

Là, j'suis à court de solution vu que je n'ai pas encore pris le temps de disséquer ce tutoriel.

Bon courage dans ta quête des lignes de code. ;)

nonel
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 350
Inscription: 5 Mai 2005

Message le Dim Mar 02, 2008 19:17

bonjour,

J'utilise le principe de calque dans google map, ce qui me permet d'avoir différents icones affichés sur ma carte et aussi la possibilité d'éteindre ou d'allumer ces icones.

Imaginons que je crée un champs 'calque' auquel j'y attribue une valeur.

Ou faut t'il que je mette ma fonction :
var Calque1 = new GeoXml("1.kml");
var Calque2 = new GeoXml("2.kml");

etc ...
et surtout comment coder l'affaire pour que cette info (numéro du calque) soit récupérer dans la fonction.

Merci d'avance.


itsme
WRInaute impliqué
WRInaute impliqué
 
Messages: 744
Inscription: 13 Oct 2004

Message le Dim Mar 09, 2008 18:45

Un autre exemple d'intégration avec un petit site que j'ai mis en place pour trouver des randonnées et visualiser les traces GPS: http://www.gpx-view.com/gpxMap.php ;)

Cflorian91
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 31
Inscription: 15 Avr 2006

Message le Mer Oct 08, 2008 15:12

Slt,

Sur le lien, il faut etre identifié ???

Exemples et tutoriels sur l'API Google Maps

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Maps, Google News et Google Images : apprenez comment optimiser le référencement de votre site pour la recherche universelle et notamment Google Maps, Google Actualités et Google Images. Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité