01 ka 05
Thola i-Google Maps API Key yeSayithi Lakho
Indlela engcono kakhulu yokwengeza imephu ye-Google kuwebhusayithi yakho ukusebenzisa i-Google Maps API. Futhi i-Google incoma ukuthi uthole ukhiye we-API ukuze usebenzise amamephu.
Awudingi ukuthola ikhi le-API ukusebenzisa i-Google Amamephu API v3, kodwa iwusizo ngoba ikuvumela ukuba uqapha ukusetshenziswa kwakho futhi ukhokhe ukufinyelela okungeziwe. I-Google Maps API v3 inesilinganiso sesicelo esingu-1 ngesigamu ngomsebenzisi ngamunye kuya kwezicelo ezingaphezu kuka-25,000 ngosuku. Uma amakhasi akho adlula kulawo mingcele uzodinga ukunika amandla ukukhokha ukuze uthole okuningi.
Indlela yokuthola ukhiye we-Google Amamephu API
- Ngena ngemvume ku-Google usebenzisa i-akhawunti yakho yakwa-Google.
- Yiya ku-Developers Console
- Pheqa ohlwini bese uthola i-Google Maps API v3, bese uchofoza inkinobho ethi "OFF" ukuyivula.
- Funda futhi uvumelane nemigomo.
- Yiya ku-console ye-API bese ukhetha "Ukufinyelela kwe-API" kusuka kwimenyu yesokunxele
- Esikhathini se-"Simple API Access Access", qhafaza "Yakha inkinobho yenkinobho entsha Yeseva ...".
- Faka ikheli le-IP yesiphakeli sakho sewebhu. Lona i-IP lapho izicelo zakho zeMephu zizovela khona. Uma ungazi ikheli lakho le-IP, ungabheka.
- Kopisha umbhalo kumkhiqizo "we-API:" umugqa (hhayi ukufaka leso sihloko). Lona ukhiye wakho we-API wamamephu wakho.
02 ka 05
Guqula ikheli lakho ku-Coordinates
Ukuze usebenzise i-Google Maps kumakhasi akho ewebhu, udinga ukuba ne-latitude nobude bendawo. Ungathola lezi kusuka ku-GPS noma ungasebenzisa ithuluzi le-intanethi njengoGeocoder.us ukukutshela.
- Iya ku-Geocoder.us bese uthayipha ekhelini lakho ebhokisini lokusesha.
- Kopisha inombolo yokuqala ye-latitude (ngaphandle kwencwadi ngaphambili) bese unamathisele kwifayili yombhalo. Awudingi i-degree (ยบ) yezinkomba.
- Kopisha inombolo yokuqala ngobude (futhi ngaphandle kwencwadi ngaphambili) futhi unamathisele kufayili yakho yombhalo.
Ubude bakho nobude bakho buzobukeka okufana nalokhu:
40.756076
-73.990838
I-Geocoder.us isebenza kuphela amakheli e-US, uma udinga ukuthola izixhumanisi kwelinye izwe, kufanele ufune ithuluzi elifanayo esifundeni sakho.
03 ka 05
Ukwengeza Imephu ekhasini lakho lewebhu
Okokuqala, Engeza i-Script Script ku-
Yomqulu Wakho
Vula ikhasi lakho lewebhu bese wengeza okulandelayo ku-HEAD yedokhumenti yakho.
Shintsha ingxenye eqokonyisiwe kumanani we-latitude ne-longitude owubhale phansi kwisinyathelo ezimbili.
Okwesibili, Engeza i-Map Element ekhasini lakho
Uma unayo yonke izakhi zeskriphthi ezengeziwe ku-HEAD yedokhumenti yakho, udinga ukubeka imephu yakho ekhasini. Ukwenza lokhu ngokungeza isici se-DIV ngesici se-id = "imephu-ingubo". Ngincoma ukuthi futhi udwebe le div ngokububanzi nokuphakama okuzofanela ekhasini lakho:
Okokugcina, Layisha futhi uvivinye
Into yokugcina ukulayisha ikhasi lakho nokuhlola ukuthi imephu yakho ibonisa. Nasi isibonelo sebalazwe le-Google ekhasini. Qaphela, ngenxa yokuthi i-About.com CMS isebenza kanjani, kuzodingeka uchofoze isixhumanisi ukuze uvele imephu. Lokhu ngeke kube njalo ekhasini lakho.
Uma imephu yakho ingabonisi, zama ukuyiqala nge-BODY umfanelo:
onload = "qalisa ()" >
Ezinye izinto zokuhlola ukuthi imephu yakho ayilayishi zibandakanya:
- Bheka ifayili ku-JavaScript yakho, kufaka phakathi icala. I-JavaScript iyinkinga ebucayi.
- Qinisekisa ukuthi une-zoom nokukhethwa kwesikhungo okukhethiwe.
- Qiniseka ukuthi isici sakho se-DIV sisekhasini nge-ID efanele.
- Qiniseka ukuthi isici sakho se-DIV sinokuphakama.
04 ka 05
Engeza umaka kumephu yakho
Kodwa imephu yendawo yakho ingaba yini uma kungekho marker etshela abantu lapho kufanele bahambe khona?
Ukwengeza uphawu olujwayelekile lwesibalo se-Google Maps engeza okulandelayo kwiskripthi sakho ngezansi kwe-var map = ... line:
var myLatlng = i-google.maps.LatLng entsha ( ububanzi, ubude );
var marker = i-google.maps.Marker entsha ({
isikhundla: myLatlng,
ibalazwe: imephu,
isihloko: " Indlunkulu yangaphambili ye-About.com "
});
Shintsha umbhalo ogqanyisiwe ku-latitude nobude bakho nesihloko ongathanda ukuvela uma abantu behamba ngaphezulu komaka.
Ungangeza amanothi amaningi kukhasi ngendlela oyithandayo, engeza iziguquli ezintsha ezintsha nezixhumanisi ezintsha, kodwa uma imephu encane kakhulu ukubonisa wonke amaki, ngeke ibonise ngaphandle kokuthi umfundi ehlwitha.
var latlng 2 = i-google.maps.LatLng entsha ( 37.3316591, -122.0301778 );
var myMarker 2 = i-google.maps.Marker entsha ({
isikhundla: latlng 2 ,
ibalazwe: imephu,
isihloko: " Apple Computer "
});
Nasi isibonelo sebalazwe le-Google elinomaki. Qaphela, ngenxa yokuthi i-About.com CMS isebenza kanjani, kufanele uchofoze isixhumanisi ukuze uvele imephu. Lokhu ngeke kube njalo ekhasini lakho.
05 ka 05
Yengeza okwesibili (noma ngaphezulu) Imephu ekhasini lakho
Uma ubuke ikhasi lami lamabalazwe we-Google we-Google uzobona ukuthi nginebalazwe elingaphezu kwelilodwa eliboniswe ekhasini. Lokhu kulula kakhulu ukukwenza. Nansi indlela.
- Thola i-latitude nobude bazo zonke amamephu ofuna ukuwabonisa njengoba sifundile esiteji sesibili salesi sifundo.
- Faka ibalazwe lokuqala njengoba sifundile esiteji sesi-3 salesi sifundo. Uma ufuna ibalazwe libe nomakaki, engeza umaka njengengxenye yesine.
- Kumephu yesibili, kuzodingeka ukwengeze imigqa emisha emithathu ku-initialize () script yakho:
var latlng2 = i-google.maps.LatLng entsha ( izixhumanisi zesibili );
var myOptions2 = {ukusondeza: 18, isikhungo: latlng2, imephuTypeId: google.maps.MapTypeId.ROADMAP};
var map2 = entsha google.maps.Map (document.getElementById ("imephu_canvas_2"), myOptions2); - Uma ufuna uphawu kumephu omusha futhi, engeza umaka wesibili ukhomba kwizixhumanisi zesibili kanye nemephu yesibili:
var myMarker2 = i-google.maps.Marker entsha ({isikhundla: latlng2 , ibalazwe: imephu2 , isihloko: "Isihloko sakho seMakaki "}); - Bese ungeza okwesibili
lapho ufuna ibalazwe lesibili. Futhi qiniseka ukuthi uyinike i-id = "map_canvas_2" ID.
- Lapho ikhasi lakho lilayisha, amamephu amabili azobonisa
Nasi ikhodi yekhasi elinamabalazwe amabili e-Google kuwo: