Des gites et des chambres d'hotes
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Fnac : 2 Funko Pop achetées : le 3ème offert (large sélection de ...
Voir le deal

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

2 participants

Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

Message  Gilbert Mer 18 Aoû 2010 - 3:28

Pour mettre en oeuvre la solution du nouveau site à Laurent que je viens de mettre en place sur mon site ( voir sur cette page en haut à droite: http://www.gite-en-alsace.net/acces.html ) le code à utiliser est le suivant (copier toute la zone en bleu/rouge/vert puis modifier les zones rouge et vert à votre convenance):

<p style="margin-top:6pt; margin-bottom:3;" align="center"><font color="green"><span style="font-size:11pt;"><b>

<!-- Form -->
<b><span style="font-size:11pt;">ITINERAIRE</span></b></p>
<p style="margin-top:6pt; margin-bottom:3;" align="center"><b><font face="Arial"><span style="font-family:Arial; font-size:10pt;"></span><span style="font-size:10pt;">Pour conna&icirc;tre le trajet </span></font></b><font face="Arial"><span style="font-size:10pt;">pour vous rendre &agrave; notre g&icirc;te</span><b><span style="font-size:10pt;">, entrez vos coordonn&eacute;es ci dessous, </span></b><span style="font-size:10pt;">puis cliquez sur le bouton </span></font><b><font face="Arial"><span
style="font-size:10pt;">&quot;Calculer le trajet&quot;:</span></font></b></p>
<form name="formap" action="">

<p align="center">Adresse

<input class="inputbox" type="text" name="faddress" />


Localit&eacute;<br/>
<input class="inputbox" type="text" name="fcity" />


Code Postal<br/>
<input class="inputbox" type="text" name="fzip" />


Pays<br/>
<input class="inputbox" type="text" name="fstate" />
</p>
<p align="center"><input class="button" type="submit" value="Calculer le trajet" name="checkit" onclick="javascript:GetDirections();return false;"/></p>
</form>

<script type="text/javascript">

function GetDirections()
{
var SourceAdress = 'saddr=';
var DestinationAddress = 'daddr=' + '30 rue des Roses' + ', ' + 'MUTZIG' + ', ' + 'France' + ' ' + '67190'; //destination address pulled from admin
var DestinationCoordonnees = 'daddr=' + '48.530361' + ',' + '7.4591159' + '(Gîte en Alsace 67190 FR)' ; //Coordonn�es g�ographiques de la destinatons
var Url = '';
var DestinationFinal=DestinationAddress; //read out source adress from the input field
SourceAdress += document.formap.faddress.value + ',' + document.formap.fcity.value + ',' + document.formap.fzip.value + ',' + document.formap.fstate.value;
//form the url
//Url ='http://maps.google.fr/maps?' + SourceAdress + '&' + DestinationFinal + '&lci=lmc:,lmc:';
Url ='http://maps.google.fr/maps?' + SourceAdress + '&' + DestinationFinal + ''+ '&layer=t'+ '&lci=transit';
//you can use the line below to show the directions in a popup window, don;t forget to comment out the line above...
window.open(Url,'direction','width=900,height=650,scrollbars=yes,toolbar=no,location=yes,resizable=yes');
}
</script>
</p>


Nota:
- La premiere ligne du code est juste pour la mise en forme du texte comme on le souhaite
- En bleu l'adresse postale à modifier (conserver les ')
- En vert les coordonnées géographiques à modifier: les coodonnées GPS de votre hébergement de vacances (conserver les '): c'était dans le code source d'origine mais je n'ai pas trouvé dans ce code a quoi elle servaient. Je pense donc que toute la séquence de code :
var DestinationCoordonnees = 'daddr=' + '48.530361' + ',' + '7.4591159' + '(Gîte en Alsace 67190 FR)' ; //Coordonnées géographiques de la destinatons peut être omise sans changer le résultat obtenu.


Gilbert
Gilbert
Gilbert
Admin

Messages : 3022
Date d'inscription : 16/08/2010
Age : 74
Localisation : MUTZIG, ALSACE, FRANCE

http://www.gite-en-alsace.net

Revenir en haut Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty tracer un plan (itinéraire d'approche)

Message  Britavit Ven 19 Nov 2010 - 1:25

dans le même ordre d'idée, je cherche à faire un plan d'accès à mes locations.
J'ai essayé avec Quickmaps, mais je n'ai pas réussi à le maitriser et pas de mode d'emploi. En désespoir de cause j'ai utilisé google maps et fait un tracé avec les outils, puis fait une capture d'image (avec Fireshot module gratuit dans Firefox) puis retravailler l'image dans Painshop.
Britavit
Britavit

Messages : 1275
Date d'inscription : 06/11/2010
Localisation : Saint Avit-Sénieur, Dordogne (24)

http://chambres-d-hotes-dordogne.com/

Revenir en haut Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty Re: Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

Message  Gilbert Ven 19 Nov 2010 - 2:15

Britavit a écrit:dans le même ordre d'idée, je cherche à faire un plan d'accès à mes locations.
J'ai essayé avec Quickmaps, mais je n'ai pas réussi à le maitriser et pas de mode d'emploi. En désespoir de cause j'ai utilisé google maps et fait un tracé avec les outils, puis fait une capture d'image (avec Fireshot module gratuit dans Firefox) puis retravailler l'image dans Painshop.

La meilleure solution consiste à creer un compte chez Google pour creer sa propre Google Map puis d'inserer cette Google map personnelle dans son site.
Contrairement à une copie d'écran (qui est une image) cette Google Map perso sera active (les boutons + et - du zoom, l'affichage en carte routière ou en relief, les repères placés seront cliquables, etc.... ) ce qui est plus sympath.

A titre d'exemple:
1) Dans cette page: http://www.gite-en-alsace.net/acces.html
la SOLUTION 3 est une Google Map alors que la SOLUTION 4 est une image
2) Dans cette page (tout en bas): http://www.gite-en-alsace.net/environs.html
La Google map donne accès aux sites touristiques du coin

Si vous avez des difficultés pour savoir faire ce genre de chose, je peux ouvrir un sujet pour vous l'expliquer de manière détaillée

Gilbert
Gilbert
Gilbert
Admin

Messages : 3022
Date d'inscription : 16/08/2010
Age : 74
Localisation : MUTZIG, ALSACE, FRANCE

http://www.gite-en-alsace.net

Revenir en haut Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty Re: Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

Message  Britavit Ven 19 Nov 2010 - 2:23

Merci Gilbert,
J'ai déjà le script Google (idem avec agenda) sur mon site internet.
C'est plutôt un plan statique que je cherches, qui peut être mis sur une carte de visite, un courrier.
Britavit
Britavit

Messages : 1275
Date d'inscription : 06/11/2010
Localisation : Saint Avit-Sénieur, Dordogne (24)

http://chambres-d-hotes-dordogne.com/

Revenir en haut Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty Re: Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

Message  Gilbert Ven 19 Nov 2010 - 11:05

Britavit a écrit:Merci Gilbert,
J'ai déjà le script Google (idem avec agenda) sur mon site internet.
C'est plutôt un plan statique que je cherches, qui peut être mis sur une carte de visite, un courrier.

OK, je comprend mieux ton besoin. L'avantage alors de le faire avec une copie d'ecran de Google Map, c'est qu'en terme de droits d'auteur, ça craint probablement moins que de le faire avec une carte protégée par un Copyright.

Gilbert
Gilbert
Gilbert
Admin

Messages : 3022
Date d'inscription : 16/08/2010
Age : 74
Localisation : MUTZIG, ALSACE, FRANCE

http://www.gite-en-alsace.net

Revenir en haut Aller en bas

Ajouter sur votre site un calcul d'itinéraire pour venir chez vous Empty Re: Ajouter sur votre site un calcul d'itinéraire pour venir chez vous

Message  Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum