Lisää Google Mapsin ajo-ohjeet sivustoosi
Vaikka siellä on niin paljon kartoitussovelluksia ja -palveluja, jotka auttavat sinua pisteestä A kohtaan B, karttojen lopullinen kuningas on Google Maps. Käytän sitä tietokoneessa, tabletissa ja 90% ajastani älypuhelimessani. Sillä on parhaat tiedot, navigointi- ja reititysvaihtoehdot ja viileät ominaisuudet, kuten Street View ja kävely, pyöräily ja massaliikenne.
Mutta mitä jos tarvitset karttaa tai ohjeita Googlen verkkosivuston ulkopuolella? Oletetaan, että sinulla on oma häät sivusto tai henkilökohtainen blogi, ja vieraat voivat käydä sivustossasi, kirjoittaa osoitteen, josta ne tulevat, ja saada automaattisesti reittiohjeet tapahtumapaikalle!
No, on olemassa pari tapaa, jolla voit tehdä tämän. Helpoin tapa on upottaa kartta verkkosivullesi käyttämällä Google Mapsin luomaa upotuskoodia. Toinen tapa on hieman tekninen, mutta muokattavissa ja dynaamisempi. Mainitsen molemmat menetelmät alla.
Upota Google Map
Jos haluat vain näyttää reittiohjeet yhdestä paikasta toiseen, helpoin asia on upottaa minkä tahansa kartan, jota katsot, upotuskoodilla. Ensinnäkin, siirry eteenpäin ja asenna haluamasi ohjeet Google Mapsissa ja napsauta sitten sivun oikeassa alakulmassa olevaa hammaspyöräkuvaketta.
Klikkaa Jaa tai upota kartta ja napsauta sitten Upota kartta välilehti. Täällä voit valita kartan koon ja kopioida sitten iframe-koodin ja pudottaa sen haluamallesi verkkosivulle.
Tämän menetelmän ainoa haittapuoli on, että käyttäjä näkee vain staattisen kartan. Alla olevassa toisessa menetelmässä voit luoda lomakkeen, jonka avulla käyttäjä voi kirjoittaa minkä tahansa aloitusosoitteen ja luoda kartan kyseisestä osoitteesta valitsemasi kohdeosoitteeseen.
Luo Google Mapsin lomake
Voit havainnollistaa sitä, mitä tarkoitan toisella menetelmällä, ja siirry seuraavaan ruutuun US-osoite, jotta saat ohjeita sijainnistani talooni:
Viileä? Voit helposti luoda tämän pienen lomakkeen missä tahansa verkkosivustossa, blogissa tai missä tahansa, johon voit laittaa HTML-koodia! Tämä pätee myös pienyritysten Web-sivustoihin, sillä voit heittää sen yhteystietosivullesi ja ihmiset voivat saada reittiohjeita nopeasti sen sijaan, että sinun pitäisi kopioida osoitettasi, avata uusi ikkuna ja kirjoittaa sitten aloitusosoitteensa.
Joten miten voimme luoda tämän muokatun reittiohjeet-ruudun? Ensinnäkin meidän on saatava oikea syntaksi URL-osoitteelle, jota Google käyttää ohjeisiin. Onneksi voimme selvittää, että saat ohjeita kahden paikan välillä ja kopioit sitten URL-osoitteen osoiteriviltä. Voit myös napsauttaa sivun oikeassa alakulmassa olevaa pienikokoista kuvaketta ja valita Jaa tai upota kartta.
Jaa linkki -välilehti sisältää URL-osoitteen, joka on sama URL-osoite selaimesi osoiterivillä. Olen mennyt eteenpäin ja liittänyt koko URL-osoitteen vain osoittamaan, miltä se näyttää.
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + USA / @ 33.1125686, -96.7557749,13z / data =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1m1! 1s0x864c16d3018a7f4f: 0xab2052b5786cd29f! 2m2! 1d-96,666151! 2d33.133892
Yikes! Se on aika pitkä! Siellä on paljon tavaraa, joista suurin osa ei ole järkevää! Google Mapsin URL-parametrit olivat aiemmin hyvin yksinkertaisia ja helppoja, mutta uusi URL-rakenne on melko monimutkainen. Onneksi voit silti käyttää vanhoja parametreja ja Google muuntaa ne uuteen versioon automaattisesti. Jos haluat nähdä mitä tarkoitan, katso alla oleva linkki.
http://maps.google.com/maps?saddr=start&daddr=end
Mene eteenpäin ja anna sille kuva. Laita osoite aloitus- ja lopetusosoitteen lainausmerkkeihin ja liitä URL-osoite selaimeesi! Korvattiin aloitus kotikaupungissani New Orleansissa ja lopetin Houstonissa, TX: ssä, joten Google Mapsin ohjeiden URL-osoite näyttää siltä:
http://maps.google.com/maps?saddr=ybodynew orleans, la ”& daddr =” houston, tx ”
Se toimii! Kuten näette, Google Maps muuntaa linkit jotain paljon monimutkaisemmaksi, kun kartta ladataan täysin. Ok, joten nyt, kun meillä on järkevä URL-osoite, jota voimme siirtää Google Mapsiin, meidän on luotava yksinkertainen lomake, jossa on kaksi kenttää, yksi aloitusosoitteelle ja toinen kohdeosoitteelle.
Jos haluat, että ihmiset kirjoittavat vain osoitteensa ja saavat ohjeita paikalle, haluamme, että toinen kenttä on piilotettu ja asetettu jo kohdeosoitteeseen.
Anna aloitusosoitteesi:
Katso yllä oleva koodi. Ensimmäinen rivi alkaa muodosta ja sanoo, että kun lähetyspainiketta napsautetaan, tiedot on lähetettävä maps.google.com/maps-sivustolle. target = tyhjä tarkoittaa, että haluamme, että tulos avautuu uuteen ikkunaan. Sitten meillä on aloitusosoitteen tekstikenttä, joka on tyhjä.
Toinen tekstiruutu on piilotettu ja arvo on haluamasi kohdeosoite. Lopuksi on lähetyspainike, jonka otsikko on ”Hae reittiohjeet”. Nyt kun joku kirjoittaa osoitteeseensa, he saavat tämän:
Voit muokata ohjeita ja kartoittaa vielä muutamia lisäparametreja. Oletetaan esimerkiksi, että et halua oletusnäkymän olevan karttoja, vaan haluaa sen olevan Satelliitti ja näytä liikenne.
http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
Huomaa kerros = t ja t = h kentät URL-osoitteessa. kerros = t on liikennekerrokselle ja t = h tarkoittaa hybridikarttaa! T voidaan myös asettaa m normaalikartalle, K satelliitin ja p maastoon. z on zoomaustaso ja voit muuttaa sitä 1: stä 20: een. Edellä mainitussa URL-osoitteessa se on 7. Aseta ne suoraan lopulliseen URL-osoitteeseesi, ja sinulla on nyt hyvin räätälöity Google Maps -käyttöohje-lomake sivustossasi!
Onko sinulla ongelmia tämän kanssa, lähetä kommentti ja yritän auttaa! Nauttia!
