1 00:00:00,000 --> 00:00:00,230 2 00:00:00,230 --> 00:00:03,520 >> Speak: Låt oss genomföra en webbsida med hjälp av en bit av HTML och JavaScript 3 00:00:03,520 --> 00:00:06,900 att geolocates en användare, det vill säga, siffror på var de är 4 00:00:06,900 --> 00:00:10,740 geografiskt när det gäller deras latitud och longitud. 5 00:00:10,740 --> 00:00:15,430 Lägg märke till här som ett attribut på min kropp tag, jag har onload, som anger en 6 00:00:15,430 --> 00:00:18,340 bit av JavaScript som ska få verkställas så snart som kroppen av 7 00:00:18,340 --> 00:00:19,580 sidan har laddats. 8 00:00:19,580 --> 00:00:22,660 Nu när funktionen visas att kallas Lokalisera, Och det fungerar, jag har 9 00:00:22,660 --> 00:00:28,340 börjat genomföra, upp topp här i mellan script-taggar som kallas Lokalisera. 10 00:00:28,340 --> 00:00:30,590 >> Nu ska vi genomföra den här funktionen. 11 00:00:30,590 --> 00:00:34,850 Först, låt oss se om den typ av en speciell egenskap som kallas 12 00:00:34,850 --> 00:00:42,740 navigator.geolocation inte är lika, citat unquote, "odefinierad", då är jag 13 00:00:42,740 --> 00:00:44,430 kommer att göra följande. 14 00:00:44,430 --> 00:00:45,680 Navigator.geoloc ation.getCurrentPosition. 15 00:00:45,680 --> 00:00:49,990 16 00:00:49,990 --> 00:00:53,710 Och nu behöver jag ange ett argument, specifikt namn av en funktion 17 00:00:53,710 --> 00:00:57,160 att jag skulle vilja att kallas när Get Aktuell position har räknat ut där 18 00:00:57,160 --> 00:00:58,300 deras användare är. 19 00:00:58,300 --> 00:01:02,460 Och jag ska bara godtyckligt ringa som fungerar för nu, återuppringning. 20 00:01:02,460 --> 00:01:06,860 >> Annars, om denna egenskap var i själva verket odefinierad, jag ska ange 21 00:01:06,860 --> 00:01:13,520 istället alert "Din webbläsare gör inte stöd för geolokalisering! " 22 00:01:13,520 --> 00:01:14,980 och stannar vid detta. 23 00:01:14,980 --> 00:01:16,720 Så vad är det som jag skrivit här? 24 00:01:16,720 --> 00:01:19,620 >> Jo, det visar sig att de flesta moderna webbläsare stödjer en global 25 00:01:19,620 --> 00:01:22,960 variabel, ett objekt, så att säga, kallas navigator, har det 26 00:01:22,960 --> 00:01:26,430 navigatör specifika, det vill säga webbläsarspecifik funktionalitet. 27 00:01:26,430 --> 00:01:30,210 Inuti finns det en egenskap som kallas Geolocation som specifikt 28 00:01:30,210 --> 00:01:34,010 innehåller information och funktionalitet samband med geolocation, den 29 00:01:34,010 --> 00:01:35,580 fynd, av användarna. 30 00:01:35,580 --> 00:01:38,820 >> Inne i det objektet, under tiden, det verkar finnas en funktion, 31 00:01:38,820 --> 00:01:41,790 annars känt har en metod, heter Hämta aktuell position. 32 00:01:41,790 --> 00:01:45,750 Och det är den funktion vi använder för att finna en användare. 33 00:01:45,750 --> 00:01:48,890 >> Låt oss även nu genomföra återuppringning funktion som faktiskt 34 00:01:48,890 --> 00:01:51,730 kommer att få kallas när Användaren har lokaliserats. 35 00:01:51,730 --> 00:01:56,030 Låt oss gå vidare och förklara att såväl med funktionen återuppringning och låt oss 36 00:01:56,030 --> 00:02:00,550 kallar argumentet att jag vet att det kommer att ta emot säg, läge. 37 00:02:00,550 --> 00:02:04,020 Det kommer att bli, det visar sig, en föremål som på något sätt representerar det 38 00:02:04,020 --> 00:02:05,970 användarens position i världen. 39 00:02:05,970 --> 00:02:11,890 >> Då insidan av denna funktion, låt oss utgång med varnings position.coords, 40 00:02:11,890 --> 00:02:15,830 som står för koordinater,. latitud och sedan sammanfoga den till 41 00:02:15,830 --> 00:02:19,155 att ett kommatecken och ett mellanslag och sedan på till detta, position.coords.longitude. 42 00:02:19,155 --> 00:02:23,010 43 00:02:23,010 --> 00:02:26,150 >> Låt oss gå vidare och spara filen, öppna sidan i en webbläsare, och se om 44 00:02:26,150 --> 00:02:27,590 Vi kan inte hitta mig själv. 45 00:02:27,590 --> 00:02:36,190 http://localhost / geolocation-0.html. 46 00:02:36,190 --> 00:02:38,020 Och där är jag, i Cambridge, Massachusetts. 47 00:02:38,020 --> 00:02:39,680