Sida Loo Dhoofiyo Khariidadda Google ee Boggaaga Shabakada

01 of 05

Hel khariiradda Google Khariidadda API ee loogu talagalay Site

Habka ugu wanaagsan ee lagu geli karo khariidadda Google ee boggaaga waa inuu isticmaalo Khariiradaha Google Maps. Google waxay ku talineysaa inaad hesho fure API si aad u isticmaasho khariidadaha.

Looma baahna inaad hesho fure API si aad u isticmaasho Khariidadaha Google Maps API v3, laakiin waa mid aad u faa'iido leh maadaama ay kuu ogolaanayso inaad la socoto isticmaalkaaga oo aad bixiso lacag dheeraad ah. Khariidadaha Google Maps API waxay leeyihiin kootada 1 codsi halkii mar ee isticmaal halkii ugu badnaan 25,000 codsi maalintii. Haddii boggagaagu ka sarreeyo xadadkaas waxaad u baahan doontaa inaad bilawdo biilasha si aad u hesho wax dheeraad ah.

Sida loo helo Khariidadaha Khariidadaha Google Khariidadda

1. Gelitaanka Google adiga oo isticmaalaya koontadaada Google.
2. U tag Hawlaha Istaraatiijiyada
3. Isku-duwo liistada oo raadi khariidadaha Google Maps API v3, ka dibna riix badhanka "OFF" si aad ugu soo celiso.
4. Akhriso oo ku heshiiya shuruudaha.
5. Tag barnaamijka API-ga oo dooro "API Access" oo ka soo baxaya menu bidixda
6. Qaybta "Simple API Access", waxaad ku dhejisaa "Create Above Server Key ...".
7. Ku qor cinwaanka IP ee server-kaaga. Tani waa IP ah oo codsiyadaada Khariidaduhu ka imanayaan. Haddii aadan ogeyn cinwaankaaga IP, waxaad u eegi kartaa.
8. Nuqul qoraalka "Key key API:" (kuma jiraan cinwaanka). Tani waa furahaaga API ee khariidadahaaga.

02 of 05

Ku bedel cinwaankaaga Isku-duwaha

Si aad u isticmaasho Khariidadaha Google bogagga shabakada, waxaad u baahan tahay inaad u heshid meesha ugu sarreeya iyo dhererka. Waxaad ka heli kartaa kuwaan GPS ama waxaad isticmaali kartaa qalab online ah sida Geocoder.us inuu kuu sheego.

1. Tag galka Geocoder.us kuna qor cinwaankaaga sanduuqa raadinta.
2. Nuqul lambarka ugu horeeya ee rukunka ah (oo aan lahayn warqad hore) oo ku dheji faylka qoraalka. Uma baahnid muujiyaalka shahaadada (º).
3. Nuqul lambarka koowaad ee dhererka (mar kale iyadoon warqad horay ugu jirin) oo ku dheji feylkaaga.

Roobkaaga iyo dhererkaagu wuxuu u egyahay sidan oo kale:

40.756076
-73.990838

Geocoder.us wuxuu kaliya u shaqeeyaa cinwaannada US, haddii aad u baahan tahay inaad isku-duwid waddamo kale, waa inaad raadisaa qalab la mid ah oo ku yaal gobolkaaga.

03 of 05

Ku darista Khariidada Boggaaga Boggaaga

Marka hore, ku dar Tusaalaha Qoraalka

ee Dukumintigaaga

Furo boggaaga internetka oo ku dar waxyaalahan soo socda si aad u hesho HEAD ee dokumentigaaga.

Beddel qaybta muhiimka ah ee lambarrada tirada iyo dhererka ee aad ku qortay laba tallaabo.

Labaad, Ku dar Qodobka Khariidadda ee Boggaaga

Markaad haysato dhammaan walxaha qoraalka ah ee lagu darey Maqalka dukumeentigaaga, waxaad u baahan tahay inaad ku qorto khariidada bogga. Waxaad tan ku sameeysaa adiga oo ku daraya walax DIV leh id = "map-canvas". Waxaan sidoo kale kugula talinaynaa inaad sidoo kale ku dhejiso caansaankan ballaaran iyo dhererka ku habboon boggaaga:

Ugu dambeyn, Soo rogo iyo Imtixaan

Waxyaabaha ugu dambeeya ee la sameeyo waa boggagaaga boggaaga oo tijaabiya in khariidaddaadu ay soo bandhigto. Halkan waa tusaale tusaale ah khariiradda Google ee bogga. Ogow, sababtoo ah sida Website Work.com CMS u shaqeyso, waa inaad gujisaa isku xir si aad u hesho khariidada si aad u muuqato. Tani ma noqon doonto kiiskaaga boggaaga.

Haddii khariidadaadu aysan soo bandhigin, isku day inaad ku bilowdo ereyga BODY:

onload = "initialize ()" >

Waxyaabaha kale ee lagu hubiyo haddii khariidadaadu aanay ku dhicin waxaa ka mid ah:

• Raadi calaamadaha joornaalkaaga, oo ay ku jiraan kiis. Javascript waa dareen xasaasi ah.
• Hubi inaad haysatid fursadaha xulashada iyo xulashada xarunta.
• Hubso in alaabtaada DIV ay ku taal bogga leh aqoonsiga saxda ah.
• Hubi in alaabtaada DIV ay leedahay dherer.

04 of 05

Ku calaamadee Mawduucaaga

Laakiin waxa fiican waa khariidada goobtaada haddii aysan jirin calaamad u sheegaysa dadka meesha ay tahay inay tagaan?

Si loo daro calaamadaha casriga Google ee caadiga ah ku dar waxyaabahaan soo socda ee warqaddaada hoose ee khariidada bar ee = khadka:

var myLatlng = google.maps.LatLng cusub ( latitude, dherer );
var marker = google.maps.Marker cusub ({
jagada: myLatlng,
Khariidadda: Khariidadda,
cinwaanka: " Xaruntii hore ee.com.com "
});

Beddel qoraalka muhiimka ah ee aad u baahantahay iyo xajmigaaga iyo cinwaanka aad jeclaan lahayd inaad timaaddo marka ay dadku jajabaan sumadaha.

Waxaad ku dari kartaa calaamadaha ugu badan bogga sidaad jeceshahay, kaliya ku dar doorsoomayaal cusub oo leh iskudhafyo cusub iyo magacyo, laakiin haddii khariidadu ay aad u yar tahay si ay u muujiyaan dhammaan calaamadaha, ma muujin doonaan haddii uusan akhristuhu ku dhejin.

var latlng 2 = google.maps.LatLng cusub ( 37.3316591, -122.0301778 );
var myMarker 2 = google.maps.Marker cusub ({
booska: latlng 2 ,
Khariidadda: Khariidadda,
cinwaanka: " Apple Computer "
});

Halkan waxaa ah tusaale tusaale ah Google map leh calaamadeeye. Ogow, sababtoo ah sida Website Work.com CMS u shaqeyso, waa inaad gujisaa link si aad u hesho khariidada si aad u muuqato. Tani ma noqon doonto kiiskaaga boggaaga.

05 05

Ku dar Labaad (ama Ka Badan) Khariidaddaada

Haddii aad eegtay tusaaleyaal tusaale ahaan Google khariidadahaaga waxaad ogaan doontaa in aan leeyahay wax ka badan hal khariidad lagu soo bandhigay bogga. Tani waa mid aad u fudud in la sameeyo. Halkan waa sida.

1. Hel bareerka iyo dhererka dhammaan khariidadaha aad rabto inaad muujiso sida aan ka baranay talaabada 2aad ee casharkan.
2. Geli khariidada ugu horeysa ee aan ka baranay talaabada 3aad ee casharkan. Haddii aad rabto khariidadu inay calaamad u leedahay, ku calaamadee calaamad sida tallaabada 4aad.
3. Khariidadda labaad, waxaad u baahan doontaa inaad ku darto 3 khad oo cusub si aad uhesho qoraalka ():
   var latlng2 = google.maps.LatLng cusub ( isuduwayaasha labaad );
   var myOptions2 = {zoom: 18, center: latlng2, mapTypeId: google.maps.MapTypeId.ROADMAP};
   var map2 = google.maps.Map cusub (document.getElementById ("map_canvas_2"), myOptions2);
4. Haddii aad rabto calaamadeeyaha khariidadda cusub, ku dar calaamad labaad oo tilmaamaysa isku-duwayaasha labaad iyo khariidad labaad:
   var myMarker2 = google.maps.Marker cusub (booska: latlng2 , khariidada: map2 , cinwaanka: " Your Marker Title "});
5. Ka dibna ku dar labaad

   meesha aad rabto khariidada labaad. Iyo hubi inaad siiso id = "map_canvas_2" ID.

6. Markaad boggaaga kiciso, laba khariid ayaa soo bandhigi doona

Waa kan koodhka bogga leh laba khariidado Google ah: