Beste,

Ik moest voor een klant een routebeschrijving op de website plaatsen met de mogelijkheid dat de bezoeker zelf een plaats of adres in kan voeren.

Nu heb dit heel simpel gemaakt, en ik dacht laat ik het even delen. Altijd handig voor op je eigen website. Graag hoor ik jullie reacties. Het maakt gebruik van Google Maps

Code:

<form action="http://maps.google.nl/maps?f=d&hl=nl&geocode=" method="get" target="_blank">
<input type="text" name="saddr" id="saddr" />
<input type="hidden" name="daddr" id="daddr" value="carl-zeiss-straße,+emlichheim" />
<input type="submit" name="submit" id="submit" value="maak route" /><br />
<span>Voorbeeld: bloemstraat 12, heerde</span>
</form>

Zoals je wel kunt zien zit er niet echt scripting in, maar je moet er maar even opkomen om het zo te maken.

Het werkt tenminste perfect. Hoop dat jullie er ook nog wat aan hebben.

Mooi 'scriptje', bedankt!

Nog even een uitleg:

<input type="hidden" name="daddr" id="daddr" value="carl-zeiss-stra&#223;e,+emlichheim" />

Vervang carl-zeiss-stra&#223;e,+emlichheim Door de locatie waar de route heen moet.

ik heb ooit een taxi rit calculator gemaakt via google maps.
Dit is ook een leuke toepassing, slim bedacht.

http://www.taxirandstad.nl kun je m bekijken.

Sla 't sowieso even op, kan altijd nog van pas komen. Bedankt!

k veronderstel dat hierdoor een automatische route wordt beschreven van punt a ( bezoeker) naar punt b ( bv websitehouder )
Hoe kan je het adres van de websitehouder dan aanpassen?

leuk scriptje trouwens maar ken niet zo veel van al die input dinges :-)

graag woordje uitleg dus :-)

bedankt

<input type="text" name="saddr" id="saddr" />
Dit is het invoerveld waar de gebruiker zijn adres invoert, of een plaats, postcode, straatnaam + huisnummer waar hij vandaan wilt. (Begin punt)


<input type="hidden" name="daddr" id="daddr" value="carl-zeiss-straße,+emlichheim" />
Is een veld dat verborgen is voor de bezoeker van de website. Hier komt de eindbestemming van de route in te staan.

In dit voorbeeld staat er carl-zeiss-straße,+emlichheim Dit houdt in straatnaam + woonplaats. Je moet deze dus vervangen naar het adres van jezelf ( de bestemming, eindpunt).

Je kunt ook hier weer het volgende invullen; plaatsnaam, straat + huisnummer en plaatsnaam, of een postcode.

Origineel gepost door Henk van Lohuizen

Nog even een uitleg:

<input type="hidden" name="daddr" id="daddr" value="carl-zeiss-straße,+emlichheim" />

Vervang carl-zeiss-straße,+emlichheim Door de locatie waar de route heen moet.

bedankt ... zie nu dat dit reeds vermeldt was, sorry had erover gelezen...

hoe kan je ervoor zorgen dat het in de site geintegreerd is ?
zoals hierboven werd aangehaald ?

Origineel gepost door Martijn Snels

Je kan dit ook anders doen hé dat hij niet op de site van Google eindigt maar je zelf die Map op je site hebt.

Vertel... ??

Origineel gepost door Ray de Brabander

Vertel... ??

Moet je bij de Google Map API kijken, dan is dit alles zo in je eigen site in te bouwen!

Origineel gepost door Sander Timmer

Moet je bij de Google Map API kijken, dan is dit alles zo in je eigen site in te bouwen!

Dat is inderdaad ook mogelijk. Maar ik heb er express voor gekozen om het zo te doen omdat dit lekker gemakkelijk is. En ook goed te gebruiken is voor andere mensen die geen of nauwelijks verstand hebben scripting.

Leuk bedacht :)

Heb het (nog) niet echt nodig, maar dit kan voor in de toekomst altijd een handig script zijn om te hebben. ;)

Bedankt,
Gr. Gijsbert

Origineel gepost door Henk van Lohuizen

Dat is inderdaad ook mogelijk. Maar ik heb er express voor gekozen om het zo te doen omdat dit lekker gemakkelijk is. En ook goed te gebruiken is voor andere mensen die geen of nauwelijks verstand hebben scripting.

ik heb het wel eens gemaakt gewoon onboard via de api met javascript... zal kijken of ik die source nog kan vinden!

Origineel gepost door Sander Timmer

ik heb het wel eens gemaakt gewoon onboard via de api met javascript... zal kijken of ik die source nog kan vinden!

Klinkt goed, hoop dat je hem kan vinden. Lijkt me wel intressant om er eens na te kijken.

Origineel gepost door Martijn Snels

Makkelijk vind ik 't niet, je wordt namelijk naar een totaal andere site gestuurd.

Je zou het eventueel in een iframe of dergelijks kunnen openen natuurlijk ;) maar zoals ik zei het is een hele simpele oplossing.