Pievienojiet Google Maps maršruta norādes uz jūsu vietni

Lai gan tur ir tik daudz kartēšanas lietotņu un pakalpojumu, lai jūs no A punkta uz punktu B, karšu galīgais karalis ir Google Maps. Es to lietoju savā datorā, planšetdatorā un 90% no laika manā viedtālrunī. Tas ir ieguvis vislabākos datus, visvairāk navigācijas un maršrutēšanas iespējas un atdzistās iespējas, piemēram, Street View un pastaigas, riteņbraukšanas un masveida tranzīta informāciju.

Bet kas notiks, ja jums ir jāizmanto karte vai norādījumi ārpus Google tīmekļa vietnes? Pieņemsim, ka jums ir sava kāzu tīmekļa vietne vai personīgais emuārs, un viesi var apmeklēt jūsu vietni, ierakstiet adresi, no kuras tie būs, un automātiski saņems norādījumus uz notikuma vietu!

Nu, ir vairāki veidi, kā to paveikt. Vienkāršākais veids ir vienkārši ievietot karti savā tīmekļa lapā, izmantojot Google Maps ģenerēto iegulšanas kodu. Otrs veids ir nedaudz tehniskāks, bet vairāk pielāgojams un dinamisks. Es minēšu abas metodes zemāk.

Iegult Google karti

Ja vēlaties rādīt norādījumus tikai no vienas vietas uz otru, visvienkāršākā lieta ir iegult jebkuru karti, kuru skatāt, izmantojot iegultu kodu. Pirmkārt, dodieties uz priekšu un iestatiet, kādus norādījumus vēlaties izmantot pakalpojumā Google Maps, un pēc tam noklikšķiniet uz pārnesumu ikonas lapas apakšējā labajā stūrī.

Klikšķiniet uz Koplietot vai iegult karti un pēc tam noklikšķiniet uz Iegult karti cilnē. Šeit jūs varat izvēlēties sava kartes izmēru un pēc tam kopēt iframe kodu un nometiet to uz jebkuru tīmekļa lapu, kuru vēlaties.

Šī metode ir tikai negatīva, ka lietotājs tikai redz statisku karti. Otrajā zemāk aprakstītajā metodē jūs varat izveidot veidlapu, ar kuru lietotājs var ievadīt jebkuru sākuma adresi, un tā ģenerēs karti no šīs adreses uz jūsu izvēlētās adreses adresi.

Izveidojiet Google Maps veidlapu

Lai ilustrētu to, ko es domāju ar otro metodi, dodieties tālāk un ierakstiet ASV adresi zemāk redzamajā lodziņā, lai saņemtu norādes no jūsu atrašanās vietas uz manu māju:

Atdzesē? Jūs varat viegli izveidot šo mazo veidlapu jebkurā tīmekļa vietnē, emuārā vai jebkurā vietā, kur varat ievietot kādu HTML kodu! Tas ir lieliski piemērots arī mazo uzņēmumu tīmekļa vietnēm, jo ​​jūs varat to mest kontaktpersonu lapā, un cilvēki var ātri iegūt norādes, nevis kopēt jūsu adresi, atvērt jaunu logu un pēc tam ierakstīt sākuma adresi.

Tātad, kā mēs veidojam šo modificēto saņemšanas virzienu lodziņu? Vispirms mums būs nepieciešams iegūt pareizo sintaksi URL, ko Google izmanto norādījumiem. Par laimi, mēs varam izdomāt to, iegūstot norādes starp divām vietām un pēc tam vienkārši nokopējot URL no adrešu joslas. Varat arī noklikšķināt uz sīkās pārnesumu ikonas lapas apakšējā labajā stūrī un izvēlēties Koplietot vai iegult karti.

Cilnes Koplietot saite satur URL, kas ir tāds pats URL jūsu pārlūkprogrammas adreses joslā. Es esmu aizgājis uz priekšu un ielīmējis visu URL zemāk, lai parādītu, kā tas izskatās.

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/854 + Deerfield + Rd, + Allen, + TX + 75013, + ASV / @ 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! Tas ir diezgan garš! Tur ir daudz sīkumi, no kuriem lielākā daļa nav nekādas jēgas! Google Maps URL parametri bija ļoti vienkārši un vienkārši, bet jaunā URL struktūra ir diezgan sarežģīta. Par laimi, jūs joprojām varat izmantot vecos parametrus un Google tos automātiski pārvērš jaunajā versijā. Lai redzētu, ko es domāju, skatiet tālāk redzamo saiti.

http://maps.google.com/maps?saddr=start&daddr=end

Iet uz priekšu un dodiet tam shot. Ievietojiet adresi kotējumos par sākuma un beigu adresi un ielīmējiet URL savā pārlūkprogrammā! Es nomainīju sākumu ar savu vietējo pilsētu New Orleans un beidzu ar Hjūstonu, TX, tāpēc šis Google Maps virzienu URL izskatās šādi:

http://maps.google.com/maps?saddr=ybodynew orleans, la ”& daddr =” Houston, tx ”

Tas strādā! Kā redzat, Google Maps pārveido saites par daudz sarežģītāku, kad karte ir pilnībā ielādēta. Labi, tāpēc tagad, kad mums ir saprotams URL, ko mēs varam nodot pakalpojumā Google Maps, mums jāizveido vienkārša forma ar diviem laukiem, viens sākuma adresei un viens galamērķa adresei.

Ja vēlaties, lai cilvēki vienkārši ierakstītu savu adresi un saņemtu norādes uz jūsu vietu, tad mēs vēlamies, lai otrais lauks būtu paslēpts un jau būtu iestatīts uz adreses adresi.

Ievadiet savu sākuma adresi:

Pārbaudiet iepriekš minēto kodu. Pirmā rinda sākas no formas un saka, ka, nospiežot pogu Iesniegt, dati jānosūta uz maps.google.com/maps. The mērķa = tukšs nozīmē, ka mēs vēlamies, lai rezultāts tiktu atvērts jaunā logā. Tad mums ir teksta lodziņš sākuma adresei, kas ir tukša.

Otrais teksta lodziņš ir paslēpts, un vērtība ir galamērķa adrese, kuru mēs vēlamies. Visbeidzot, ir iesniegšanas poga ar nosaukumu “Saņemt norādes”. Tagad, kad kāds ieraksta savu adresi, viņi saņems šo:

Jūs varat pielāgot virzienus un kartēt vēl vairāk ar dažiem papildu parametriem. Piemēram, pieņemsim, ka nevēlaties, lai noklusējuma skats būtu kartes, bet tā vietā vēlaties, lai tas būtu Satelīts un parādīt Satiksme.

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

Ievērojiet slānis = t un t = h laukos URL. slānis = t ir satiksmes slānim un t = h ir hibrīda karte! t var iestatīt arī uz m normālai kartei, k satelītu un p reljefam. z ir tālummaiņas līmenis, un jūs varat to mainīt no 1 līdz 20. Iepriekš minētajā URL tas ir iestatīts uz 7. Vienkārši pievērsieties tiem, kas ir jūsu galīgajā URL, un jūs tagad saņēmāt ļoti pielāgotu Google Maps saņemšanas virzienu veidlapu savā vietnē!

Vai rodas problēmas, publicējiet komentāru un es centīšos palīdzēt! Izbaudi!