Inkasta oo ay jiraan barnaamijyo badan oo khariidado iyo adeegyo halkaas ka jira si ay kaaga helaan barta A ilaa barta B, boqorka dhabta ah ee maabku waa Khariidadaha Google^{(Google Maps)} . Waxaan ku isticmaalaa kombiyuutarkayga, tablet-kayga iyo 90% wakhtiga casriga ah. Waxay haysataa xogta ugu fiican, ikhtiyaarka hagidda iyo jihaynta iyo sifooyinka wanaagsan sida Muuqaalka Waddada^{(Street View)} iyo socodka, baaskiilka iyo macluumaadka gaadiidka dadweynaha.

Laakiin maxaa dhacaya haddii aad u baahan tahay inaad isticmaasho khariidad ama tilmaamo ka baxsan mareegaha Google? Ka soo qaad^(Suppose) inaad leedahay degel aroos oo adiga kuu gaar ah ama blog-gaar ah oo martidu ay soo booqan karaan goobtaada, ku qor ciwaanka ay ka imaanayaan oo si toos ah u hel tilmaamaha goobta dhacdada!

Hagaag, waxaa jira dhowr siyaabood oo aad ku gaari karto tan. Sida ugu fudud waa in aad si fudud u geliso khariidada boggaaga mareegaha adiga oo isticmaalaya summada gundhigga ah ee uu soo saaray Khariidadaha Google^{(Google Maps)} . Habka labaad waa xoogaa farsamo badan, laakiin aad loo habeyn karo oo firfircoon. Waxaan hoos ku xusi doonaa labada hab.

Ku dheji Khariidadda Google

Haddii aad rabto in aad muujiso jihooyinka hal meel ilaa meel kale, waxa ugu fudud ee la sameeyo waa in aad dhejiso khariidad kasta oo aad daawato adiga oo isticmaalaya koodka dhejiska ah. Marka hore^(First) , horey u soco oo deji jihooyin kasta oo aad rabto Khariidadaha Google^{(Google Maps)} ka dibna dhagsii astaanta gear ee ku taal midigta hoose ee bogga.

Guji Share ama khariidadda^{( Share or embed map)} dheji ka dibna dhagsii tab khariidadda Embed . ^{(Embed map)}Halkan waxa aad ka dooran kartaa cabbir khariidadaada ka dibna koobi ka dhigi kartaa koodka iframe oo ku ridi kartaa bogga internetka ee aad jeceshahay.

Dhibka kaliya ee habkan leeyahay waa in isticmaaluhu uu arko khariidad taagan. Habka labaad ee hoose, waxaad samayn kartaa foom uu isticmaaluhu ku qori karo ciwaan kasta oo bilaw ah wuxuuna ka soo saarayaa khariidad ciwaankaas ilaa ciwaanka aad dooratay.

Samee Foomka Khariidadaha Google

Si aan u qeexo waxa aan ula jeedo habka labaad, horay u soco oo ku qor ciwaanka US sanduuqa hoose si aad u hesho tilmaamo goobtaada ilaa gurigayga:

qabow^(Cool) huh? Waxaad si sahlan ugu abuuri kartaa foomkan yar degel kasta, blog, ama meel kasta oo aad ku dhejin karto koodka HTML ! Tani waxay sidoo kale aad ugu fiican tahay shabakadaha ganacsiga yaryar maadaama aad ku tuuri karto boggaaga xiriirka dadkuna waxay heli karaan tilmaamo si deg deg ah, halkii ay ka ahaan lahaayeen inay nuqul ka sameeyaan cinwaankaaga, fur daaqad cusub, ka dibna ku qor ciwaankooda bilowga ah.

Haddaba sidee baannu u samaynaa sanduuqan tilmaamaha helida ee la beddelay? Hagaag^(Well) marka hore, waxaan u baahan doonaa inaan helno syntax sax ah URL- ka Google u isticmaalo tilmaamaha. Nasiib wanaag, waxaan taas ku ogaan karnaa anagoo heleyna tilmaamo u dhexeeya laba meelood ka dibna kaliya ka koobiyaynaya URL barta cinwaanka. Waxa kale oo aad gujin kartaa summada gear-ga yar ee dhinaca midigta ugu hoosaysa ee bogga oo dooro Share ama khariidad^{(Share or embed map)} ku dheji .

Isku xirka Share tab wuxuu ka koobnaan doonaa URL , kaas oo ah URL isku mid ah barta ciwaanka browserka. Hore ayaan u socday oo aan ku dhejiyay dhammaan URL- ka hoose si aan kuu tuso waxa ay u egtahay.

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

Yeey! Taasi aad ayey u dheer tahay! Waxyaabo badan baa meesha ku jira, kuwaas oo intooda badan aan macno samaynayn! Khariidadaha Google-ka cabbirada URL-^{(Google Maps URL)} ka ayaa loo adeegsaday inay noqdaan kuwo toos ah oo fudud, laakiin qaab-dhismeedka cusub ee URL waa mid aad u adag. Mahadsanid, waxaad weli isticmaali kartaa cabbirradii hore oo Google ayaa si toos ah u beddeli doonta nooca cusub. Si aad u aragto waxa aan ula jeedo, fiiri xiriirka hoose.

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

Horey u soco oo sii tallaal. Geli ciwaanka xigashooyinka ciwaanka bilawga iyo dhamaadka oo ku dheji URL browserkaaga! Waxaan ku bedelay magaaladaydii New Orleans oo aan ku dhammeeyey Houston , TX, marka tani waa waxa URL- ka tilmaamaha Khariidadaha Google^{(Google Maps)} -ku u eg yahay:

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

Way shaqeysaa! Sida aad arki karto, in kastoo, Khariidadaha Google^{(Google Maps)} -ka ayaa isku-xirayaasha u beddela wax aad uga sii adag marka khariidaddu si buuxda u soo buuxsato. Hagaag, markaa hadda oo aan haysano URL miyir qaba oo aan u gudbi karno Khariidadaha Google^{(Google Maps)} , waxaan u baahanahay inaan abuurno foom fudud oo leh laba goobood, mid ciwaanka bilowga ah iyo mid ciwaanka loo socdo.

Haddii aad rabto in dadku kaliya ku qoraan cinwaankooda oo ay helaan tilmaamo ku wajahan meeshaada, markaa waxaan rabnaa in goobta labaad la qariyo oo mar hore la dhigo ciwaanka loo socdo.

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”> Enter your starting address: <input type=”text” name=”saddr” /> <input type=”hidden” name=”daddr” value=”854 Deerfield Rd, Allen, TX” /> <input type=”submit” value=”get directions” /> </form>

Eeg koodka sare Sadarka kowaad wuxuu ka bilaabmaa qaab wuxuuna sheegayaa in marka badhanka soo gudbinta la gujiyo, xogta waa in loo diraa maps.google.com/maps. Bartilmaameedka target=blank macnaheedu waa in aanu rabno in natiijadu daaqad cusub ka furto. Kadibna waxaan haynaa sanduuq qoraal ah cinwaanka bilowga, kaas oo maran.

Sanduuqa qoraalka labaad waa qarsoon yahay qiimuhuna waa ciwaanka meesha aan rabno. Ugu dambeyntii, waxaa jira badhan soo-gudbin ah oo cinwaankeedu yahay "Hel Tilmaamo". Hadda marka qof ku qoro ciwaankiisa, waxay heli doonaan tan:

Waxaad habayn kartaa jihooyinka oo aad khariidad ka samayn kartaa xitaa in ka badan oo leh dhawr cabbir oo dheeraad ah. Tusaale ahaan, aynu nidhaahno ma rabto in aragtida caadiga ah ay noqoto maab, laakiin taa beddelkeeda aad rabto in ay noqoto Satelite^(Satellite) oo muujiso Traffic .

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

U fiirso layer=t iyo t=h meelaha URL . Layer=t waxaa loogu talagalay lakabka taraafigga iyo t=h macnaheedu waa khariidad isku-dhafan! t waxa kale oo loo dejin karaa m khariidadda caadiga ah, k satalaytka iyo  p ee dhulka. z waa heerka zoom-ka waxaadna ka bedeli kartaa 1 ilaa 20. URL -ka sare , waxa loo dejiyay 7. Kaliya^(Just) taabo kuwa URL- kaaga u dambeeya oo hadda waxaad ka heshay boggaaga khariidadaha Google^{(Google Maps Get Directions)} -ka oo aad loo habeeyey . !

Wax dhibaato ah ha ka qabto arrintan, faallo ku dheji waxaanan isku dayi doonaa inaan caawiyo! Ku raaxayso!

Add Google Maps Driving Directions to Your Website

Even thоugh there are so many mapping apps and services out there to get you from point A to point B, the definitive king of maps is Google Maps. I use іt on my computer, tablet and 90% of the time оn my smartphone. It’s got the best data, the most navigation and routing options and cool feаtures like Street View and walking, biking and mass transit іnfo.

But what if you need to use a map or directions outside of Google’s website? Suppose you have your own wedding website or a personal blog and guests could visit your site, type in the address they will be coming from and automatically get directions to the event location!

Well, there are a couple of ways you can go about accomplishing this. The easiest way is to simply embed the map onto your webpage using the embed code generated by Google Maps. The second way is a bit more technical, but more customizable and dynamic. I’ll mention both methods below.

Embed Google Map

If you only want to display directions from one location to another, the easiest thing to do is to embed whatever map you are viewing using the embed code. First, go ahead and setup whatever directions you want in Google Maps and then click on the gear icon at the bottom right of the page.

Click on Share or embed map and then click on the Embed map tab. Here you can pick a size for your map and then copy the iframe code and drop that onto any webpage you like.

The only downside to this method is that the user just sees a static map. In the second method below, you can create a form whereby the user can type in any starting address and it will generate a map from that address to a destination address of your choosing.

Create Google Maps Form

To illustrate what I mean by the second method, go ahead and type a US address in the box below to get directions from your location to my house:

Cool huh? You can easily create this little form on any website, blog, or anywhere you can put in some HTML code! This is also great for small business web sites as you can throw it up on your contact page and people can get directions quickly, rather than having to copy your address, open a new window, and then type in their starting address.

So how do we go about creating this modified get directions box? Well first, we’ll need to get the correct syntax for the URL that Google uses for directions. Luckily, we can figure that out by getting directions between two places and then just copying the URL from the address bar. You can also click on the tiny gear icon at the very bottom right of the page and choose Share or embed map.

The Share link tab will contain the URL, which is the same URL in your browser address bar. I ‘ve gone ahead and pasted the entire URL below just to show you what it looks like.

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! That’s pretty long! There’s a lot of stuff in there, most of which doesn’t make any sense! Google Maps URL parameters used to be very straightforward and easy, but the new URL structure is quite complicated. Thankfully, you can still use the old parameters and Google will convert them into the new version automatically. To see what I mean, check out the link below.

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

Go ahead and give it a shot. Put in an address in quotes for the starting and ending address and paste the URL into your browser! I replaced start with my home city New Orleans and end with Houston, TX, so this is what my Google Maps directions URL looks like:

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

It works! As you can see, though, Google Maps converts the links into something far more complicated once the map fully loads. Ok, so now that we have a sane URL that we can pass into Google Maps, we need to create a simple form with two fields, one for the starting address and one for the destination address.

If you want people to just type in their address and get directions to your place, then we’ll want the second field to be hidden and already set to the destination address.

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”>
Enter your starting address:
<input type=”text” name=”saddr” />
<input type=”hidden” name=”daddr” value=”854 Deerfield Rd, Allen, TX” />
<input type=”submit” value=”get directions” />
</form>

Check out the code above. The first line starts out form and says that when the submit button is clicked, the data should be sent to maps.google.com/maps. The target=blank means that we want the result to open in a new window. Then we have a text box for the starting address, which is blank.

The second text box is hidden and the value is the destination address that we desire. Finally, there is a submit button with the title “Get Directions”. Now when someone types in their address, they’ll get this:

You can customize the directions and map even more with a few extra parameters. For example, let’s say you don’t want the default view to be maps, but instead want it to be Satellite and show Traffic.

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

Notice the layer=t and t=h fields in the URL. layer=t is for the traffic layer and t=h means hybrid map! t can also be set to m for normal map, k for satellite and p for terrain. z is the zoom level and you can change it from 1 to 20. In the above URL, it’s set to 7. Just tack those on to your final URL and you’ve now got a highly customized Google Maps Get Directions form on your site!

Have any issues with this, post a comment and I’ll try to help! Enjoy!

Related posts

• Khariidadaha Google-ka oo aan ka hadlin ama bixinayn tilmaamo cod ah? 12 siyaabood oo loo hagaajiyo

• 9 Qodob oo Qarsoon oo ku jira Khariidadaha Google waa inaad hubisaa

• Sida loo arko Taariikhda Raadinta Khariidadaha Google

• Sida Loo Isticmaalo Joogsiyo Badan Khariidadaha Google-ka

• Sida foomamka Google loogu dhex daro mareegahaaga

• Sida Khariidadaha Google loogu soo dejiyo Khariidadaha Google-ka ee Daawashada Khadka Tooska ah

• Waa maxay Khaladaadka "Taraafikada Aan Caadiga ahayn" Google iyo Sida loo Hagaajiyo

• Waa maxay ilaalinta la xoojiyey ee Google Chrome ka iyo sida loo suurtogeliyo

• 7-da ugu Fiican ee lagu daro Gmail

• Sida loo Shaandheeyo Google Sheets

• Sida loo Isticmaalo Hawlaha Google-ka-Bilowga Hagaha

• Sida Loo Sameeyo Foom Google: Hage Dhamaystiran

• Sida Khariidadaha Google-ka loogu Sameeyo Waddooyin Gaar ah

• Sida loo Beddelo Koontada Google-ka ee Default

• Waa maxay Tilmaamaha Maxaliga ah ee Khariidadaha Google?

• Sida loo dhoofiyo oo loo soo dejiyo Bookmarks Chrome

• Sida loo galo Inbox Zero gudaha Gmail

• Sida Loo Geliyo Google Calendar ee Mareegtaada

• Sida loo soo diro iimaylka Gmail-ka

• Sida Loo Isticmaalo Qaabka Qarsoon ee Khariidadaha Google-ka ee Qalabka Android