Vaikka siellä on niin paljon kartoitusohjelmia ja palveluita saadaksesi sinut pisteestä A pisteeseen B, karttojen lopullinen reitti on Google Maps. Käytän sitä tietokoneellani, tablet-laitteellani ja 90% ajan älypuhelimellani. Siinä on parhaat tiedot, useimmat navigointi- ja reititysvaihtoehdot sekä hienot ominaisuudet kuten katunäkymä ja kävely-, pyöräily- ja joukkotiedotus.
Mutta mitä jos haluat käyttää karttaa tai ohjeita Googlen verkkosivuston ulkopuolella? Oletetaan, että sinulla on oma hääsivusto tai henkilökohtainen blogi ja vieraat voivat käydä sivustossasi, kirjoittaa osoitteen, josta he tulevat, ja saada automaattisesti reittiohjeet tapahtumapaikalle!
On olemassa muutamia tapoja, joilla voit tehdä tämän. Helpoin tapa on upottaa kartta verkkosivustoosi käyttämällä Google Mapsin luomaa upotuskoodia. Toinen tapa on hieman teknisempi, mutta muokattavampi ja dynaamisempi. Mainitsen molemmat menetelmät alla.
Jos haluat vain näyttää reittiohjeita yhdestä paikasta toiseen, helpoin tapa on upottaa minkä tahansa katselemasi kartta upotuskoodin avulla. Ensinnäkin, mene eteenpäin ja aseta haluamasi ohjeet Google Mapsiin ja napsauta sitten sivun oikeassa alakulmassa olevaa rataskuvaketta.
Klikkaa Jaa tai upottaa karttaa ja napsauta sitten Upottaa kartta välilehti. Täältä voit valita kartan koon ja kopioida iframe-koodin ja pudottaa sen haluamaasi verkkosivulle.
Menetelmän ainoa haittapuoli on se, että käyttäjä näkee vain staattisen kartan. Jäljempänä toisessa menetelmässä voit luoda lomakkeen, jossa käyttäjä voi kirjoittaa minkä tahansa aloitusosoitteen ja tuottaa kartan kyseisestä osoitteesta valitsemallesi kohdeosoitteeseen.
Jotta kuvaat, mitä tarkoitan toisella menetelmällä, mene eteenpäin ja kirjoita US-osoite alla olevaan ruutuun saadaksesi reittiohjeet sijainnistasi taloon:
Cool huh? Voit helposti luoda tämän pienen lomakkeen mille tahansa verkkosivustolle, blogille tai missä tahansa, johon voit lisätä jonkin HTML-koodin! Tämä on myös erinomainen pienyritysten verkkosivustoille, sillä voit heittää sen yhteystietosivullasi ja ihmiset voivat saada reittiohjeita nopeasti, eikä sinun tarvitse kopioida osoitettasi, avata uusi ikkuna ja kirjoittaa sen aloitusosoite.
Joten miten aiomme luoda tämän muokatun ohjeet? Ensin meidän on saatava oikea syntaksi URL-osoitteelle, jota Google käyttää ohjeisiin. Onneksi voimme selvittää, että saamme reittiohjeet kahden paikan välillä ja kopioimme URL-osoitteen osoiteriviltä. Voit myös napsauttaa pienen rataskuvakkeen sivun oikeassa alakulmassa ja valita Jaa tai upottaa karttaa.
Jaa linkki -välilehti sisältää URL-osoitteen, joka on sama URL-osoite selaimesi osoitepalkissa. Olen mennyt eteenpäin ja liittänyt koko URL-osoitteen alla vain näyttääksesi 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 melko pitkä! Siellä on paljon tavaraa, joista useimmilla ei ole mitään järkeä! Google Maps URL -parametrit ovat olleet hyvin yksinkertaisia ja helppoja, mutta uusi URL-rakenne on varsin monimutkainen. Onneksi voit silti käyttää vanhoja parametreja ja Google muuntaa ne uuteen versioon automaattisesti. Nähdäksesi, mitä tarkoitan, tutustu alla olevaan linkkiin.
http://maps.google.com/maps?saddr=start&daddr=end
Mene eteenpäin ja anna sille kuva. Laita osoite aloitus- ja lopetusosoitteeseen lainaamalla ja liitä URL-osoite selaimeesi! Vaihdoin alkamaan kotikaupungissani New Orleansilla ja lopetan Houston, TX, joten tämä näkyy Google Mapsin URL-osoitteiden URL:
http://maps.google.com/maps?saddr="new orleans, la "& daddr =" houston, tx "
Se toimii! Kuten näette, Google Maps muuntaa linkit entistä monimutkaisemmiksi, kun kartta latautuu kokonaan. Ok, joten nyt, kun meillä on terveellinen URL-osoite, jonka voimme siirtää Google Maps -palveluun, meidän on luotava yksinkertainen lomake, jossa on kaksi kenttää, yksi lähtöosoitteesta ja yksi kohdeosoitteesta.
Jos haluat, että ihmiset kirjoittavat vain osoitteensa ja saavat reittiohjeet paikalleen, niin haluamme, että toinen kenttä piilotetaan ja asetetaan jo kohdeosoitteeseen.
Anna aloitusosoite:
Katso yllä oleva koodi. Ensimmäinen rivi alkaa lomakkeesta ja kertoo, että kun lähetyspainiketta napsautetaan, tiedot on lähetettävä osoitteeseen maps.google.com/maps. target = tyhjä tarkoittaa, että haluamme, että tulos avataan uudessa ikkunassa. Sitten meillä on tekstilaatikko aloitusosoitteelle, joka on tyhjä.
Toinen tekstiruutu on piilotettu ja arvo on haluamamme kohdeosoite. Lopuksi on lähetyspainike otsikolla "Hae ohjeet". Nyt kun joku kirjoittaa heidän osoitteensa, he saavat tämän:
Voit muokata ohjeita ja kartoittaa jopa muutama muu lisäparametri. Oletetaan esimerkiksi, että et halua oletusnäkymän olevan karttoja, vaan haluat sen sijaan olevan Satelliitti ja näyttää 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 URL-osoitteiden kentät. kerros = t on liikennekerrokselle ja t = h tarkoittaa hybridikartta! T voidaan myös asettaa m normaalia karttaa varten, K satelliitti - jap maastoon. z on zoomaustaso ja voit vaihtaa sen 1: stä 20: een.Yllä olevassa URL-osoitteessa se on asetettu arvoon 7. Käytä vain niiden lopulliseen URL-osoitteeseen liittymiäsi, ja sinulla on nyt erittäin mukautettu Google Maps Get Directions -lomake sivustollasi!
Onko sinulla ongelmia tämän kanssa, lähetä kommentti ja yritän auttaa! Nauttia!
