Share
Å se et fotosfære føles nesten som å stå på stedet bildet ble tatt, men som en ny form for digitalt bilde, er det fortsatt litt tungvint å dele bildesfærer..
I denne opplæringen vil jeg vise deg hvordan du legger inn Google-fotosfærer på en nettside. Hvis dette er første gang du setter inn kode i en nettside, ikke bekymre deg. Alt det harde arbeidet har blitt gjort for oss: vi trenger bare å samle tre elementer og sette dem sammen. Du vil trenge et tekstredigeringsprogram åpent under denne prosessen for å lime inn og redigere tekst- eller kodestykker når du samler dem.
Du kan søke gjennom Google Street View og finne noen bilder fra hele verden og legge den inn i bloggen din. Eller du kan lage en fotosfære ved hjelp av smarttelefonen eller DSLR-en og bidra den til Google Maps. Se veiledningene mine om å lage en bildesfære med en smarttelefon eller en DSLR.
Finn fotosfæren eller panoramaet på Google Maps, og klikk på for å vise det. Kopier og lim inn nettadressen til teksteditoren din. Du vil legge merke til at nettadressen er veldig lang og brutt opp i forskjellige segmenter som tilsvarer ulike biter av data. Et sted i denne lange nettadressen er Pano ID. Se gjennom nettadressen til du kommer over uttrykket data =. Dette er en anelse om hvor du skal begynne å se. De Pano ID ligger etter dette uttrykket og mellom tegnene !1s og den neste ! utropstegn. For eksempel i strengen data =! 3M6! 1E1! 3M4! 1sWijofm0bDHKz2mc4rSk-dg! 2E0! 7i13312! 8i6656, karakterene Wijofm0bDHKz2mc4rSk-dg er Pano ID. Kopier disse tegnene til teksteditoren din for å bruke som Pano ID.
Du kan også trekke ut Pano ID bruker javascript. Heldigvis har noen mennesker allerede opprettet et enkelt online verktøy for oss å bruke til å ta tak i Pano ID. Panoid-verktøyet lar deg dra Pegman til noe sted på Google Maps og returnerer Pano ID i nederste venstre hjørne. Kopier Pano ID og lim det inn i teksteditoren din.
Gå til Google Maps Embed API og klikk på Vis Street View eller en egendefinert panorama tab.
Plasser Pano ID i Egendefinert panorama-ID eske. Når du klikker ut av boksen, vises bildefeltet i forhåndsvisningen. Hvis det ikke vises, dobbeltklikker du Pano ID.
Fotosfæren må godkjennes av og legges til Google Maps for å kunne brukes Pano ID.
Når bildesfæren forhåndsviser riktig, kopier du den innebygde koden nederst på siden og lim den inn i tekstredigeringsprogrammet.
Bor i Google Maps API, klikk på Ser bra ut knapp. Klikk deretter på Registrere knappen på neste side. Registrer deg for en API ved å registrere, gjennomgå og godta vilkårene. Når du er enig i vilkårene, vil et nytt prosjekt bli opprettet for deg, og en API-nøkkel vil bli generert. Du vil også bli tatt til utviklerens konsoll.
I utviklerkonsollen klikker du på nettlesertasten. Du vil bli tatt til Browser API-nøkkel Side. På denne siden kopierer du API-nøkkel og lim det inn i teksteditoren din.
Det er ett felt å fylle ut før du kan bruke nøkkelen. Du må sette opp henvisninger i det siste feltet. Din henvisningsadresse vil være ditt nettsted med en wildcard karakter (*) før det og etter det. For eksempel: * .Yoursite.com / * Dette vil fortelle API-en at en hvilken som helst side på www.yoursite.com har lov til å bruke API. Det begrenser også andre nettsteder fra å bruke din API-nøkkel med mindre de er lagt til her.
Legg til din API-nøkkel til Embed kode ved å erstatte ... i key = ... av din Embed kode med din API-nøkkel.
Hvis du bruker en innholdsbehandling som Wordpress, kan du opprette en ny side eller et blogginnlegg. Deretter klikker du på bytt til HTML knapp. En gang i denne modusen kan du sette inn egendefinert HTML-kode. Lim inn innebygningskoden og klikk på lagre-knappen. Du kan bytte tilbake til vanlig modus senere for å legge til tekst eller andre elementer du vil ha.
Gå videre og se siden din. Hvis bildesfæren din dukker opp, har du gjort det bra! Hvis det ikke vises, bør du se en advarsel. Advarselsmeldingen vil fortelle deg om du har et problem med Pano ID eller med API-nøkkel. Hvis det ikke vises noen fotboll eller advarsel, kan problemet være i kodebiten. Kopier det igjen og lim det inn i websiden din.
Hvis du bruker Adobe Muse, klikker du på Gjenstand menyen og velg Sett inn HTML. Lim deretter kodestykket inn i dialogboksen og klikk OK. Dra boksen til ønsket sted på siden din, og endre størrelsen til 600 med 450 piksler. For å se bildesfæren må du publisere nettstedet til nettet. Så gå videre og klikk på publisere. Når du har publisert, naviger til siden med fotosfæren for å vise den.
Her er en titt på min innebygde kode som jeg limte inn på min side:
Accentsconagua