Share
Att se en bildsfär känns nästan som att stå på platsen bilden togs, men som en ny form av digital bild är det fortfarande lite omständligt att dela fotosfärer..
I den här handledningen visar jag dig hur du lägger in Google-fotosfärer på en webbsida. Om det här är första gången du sätter in koden i en webbsida, oroa dig inte. Allt hårt arbete har gjorts för oss: vi behöver bara samla tre delar och sätta dem ihop. Du behöver ett textredigeringsprogram som är öppet under denna process för att klistra in och redigera text eller kodsekvenser när du samlar dem.
Du kan söka igenom Google Street View och hitta någon bildsfär från hela världen och bädda in den i din blogg. Eller du kan skapa en fotosfär med din smartphone eller DSLR och bidra till den till Google Maps. Se mina handledning om att skapa en bildboll med en smartphone eller en DSLR.
Hitta fotosfären eller panorama på Google Maps och klicka på för att visa den. Kopiera och klistra in webbadressen till din textredigerare. Du kommer att märka att webbadressen är mycket lång och uppdelad i olika segment som motsvarar olika bitar av data. Någonstans i denna långa URL är Pano ID. Titta igenom webbadressen tills du kommer över uttrycket Data =. Detta är en aning om var du ska börja titta. De Pano ID ligger efter detta uttryck och mellan tecknen !1s och nästa ! utropstecken. Till exempel i strängen data =! 3M6! 1E1! 3M4! 1sWijofm0bDHKz2mc4rSk-dg 7i13312! 8i6656 2E0!, tecknen Wijofm0bDHKz2mc4rSk-dg är Pano ID. Kopiera dessa tecken till din textredigerare för att använda som Pano ID.
Du kan också extrahera Pano ID använder javascript. Lyckligtvis har vissa människor redan skapat ett enkelt onlineverktyg för att vi ska kunna ta tag i Pano ID. Panoid verktyget låter dig dra Pegman till vilken plats som helst på Google Maps och returnerar Pano ID i nedre vänstra hörnet. Kopiera Pano ID och klistra in det i din textredigerare.
Gå till Google Maps Bädda in API och klicka på Visa gatuvy eller en anpassad panorama flik.
Placera Pano ID i Anpassat panorama-ID låda. När du klickar ut ur den rutan visas din bildsfär i förhandsvisningen. Om det inte visas, dubbelklicka på Pano ID.
Foto sfär måste godkännas av och läggas till i Google Maps för att kunna användas Pano ID.
När fotosfäran förhandsgranskas korrekt kopierar du inbäddningskoden längst ner på sidan och klistrar in den i textredigeraren.
Att stanna i Google Maps API klickar på Ser bra ut knapp. Klicka sedan på Registrera knappen på nästa sida. Registrera dig för ett API genom att registrera, granska och godkänna villkoren. När du väl godkänt villkoren kommer ett nytt projekt att skapas för dig och en API-nyckel kommer att genereras. Du kommer också att tas till utvecklarens konsol.
I utvecklarens konsol klickar du på din webbläsare. Du kommer att tas till Browser API-nyckel Sida. På den här sidan, kopiera API-nyckel och klistra in det i din textredigerare.
Det finns ytterligare ett fält att fylla i innan du kan använda din nyckel. Du måste ange hänvisningar i det sista fältet. Din hänvisning kommer att vara din webbplats med en wildcard karaktär (*) före det och efter det. Till exempel: * .Yoursite.com / * Detta kommer att berätta för API: n att en sida på www.yoursite.com får använda API: n. Det begränsar också andra webbplatser från att använda din API-nyckel om inte de läggs till här.
Lägg till din API-nyckel till Inbäddade koden genom att ersätta ... i key = ... av din Inbäddade koden med din API-nyckel.
Om du använder en innehållshanterare som Wordpress, skapa en ny sida eller ett blogginlägg. Klicka sedan på byt till HTML knapp. En gång i det här läget kan du infoga anpassad HTML-kod. Klistra in inbäddningskoden och klicka på Spara-knappen. Du kan växla tillbaka till det vanliga läget senare för att lägga till text eller andra element du vill ha.
Gå vidare och se din sida. Om din fotosfär visas, bra jobb har du gjort det! Om det inte visas ska du se ett varningsmeddelande. Varningsmeddelandet kommer att berätta om du har problem med Pano ID eller med API-nyckel. Om ingen bildsfär eller varning visas kan problemet vara i kodfältet. Kopiera det igen och klistra in det på din webbsida.
Om du använder Adobe Muse klickar du på Objekt menyn och välj Infoga HTML. Sedan klistra in kodfältet i dialogrutan och klicka på ok. Dra rutan till önskad plats på din sida och ändra storlek på 600 till 450 pixlar. För att se bildsfären måste du publicera webbplatsen på webben. Så fortsätt och klicka på Publicera. En gång publicerad, navigera till sidan med fotosfären för att visa den.
Här är en titt på min inbäddningskod som jag klistrade in i min sida:
Accentsconagua