Kui Street View on valmis ja Google Maps keskkonnas üleval, siis on seda väga lihtne lisada ettevõtte veebilehele. Street View juurest tuleb lihtsalt hankida vastav embed kood ning kopeerida see enda veebilehel vastavasse kohta. Näitan, kuidas seda teha.
Ava Google Maps. Leia ettevõtte Street View ja ava see.
Koodi saad, kui klikid infoakna üleval vasakul nurgas olevale kolme-punkti nupule. Avanevast menüüst vali: “Share or embed image”.
(Näitena kasutan Duglas ilusalongi Street Viewd. Vaata seda Google maps lehel. Võid kasutada sedasama sisevaadet, et testida Street View lisamist enda veebilehele.)
Avanevas aknas pakutakse kohe võimalust jagada Street View’d lingi abil (Share link). See pole see, mida meie soovime. Meie ei soovi linki saata, vaid Street View’d enda ettevõtte veebilehel väikses aknas näidata. Selleks vali ülalt menüüst “Embed image”.
Siit saad kopeerida enda veebilehele lisatava koodi:
Mina copy-paste’n selle koodi siia sellesama postituse sisse mida sa praegu loed. Nagu näha, loob see kood aknakese, mille sees saab navigeerida – ilma, et huviline Google Maps keskkonda üldse minema peakski 🙂
Kood ise näeb välja selline:
<iframe src=”https://www.google.com/maps/embed?pb=!4v1746166947214!6m8!1m7!1sCAoSHENJQUJJaEFEeWM1VWdoWmFLMmZZS3ZVQUN2Zks.!2m2!1d59.43358744031714!2d24.75082359574197!3f242.81918283797725!4f-1.2118281011271392!5f0.7820865974627469″ width=”600″ height=”450″ style=”border:0;” allowfullscreen=”” loading=”lazy” scrolling=”no” referrerpolicy=”no-referrer-when-downgrade”></iframe>
Ja see tuleb sisestada postitusse või veebilehele koodivaates.
- Street View algvaade on selline, mis enne koodi kopeerimist ekraanil on.
- Soovitan koodis fikseeritud laiuse (width=”600″) asemel kirjutada width=”100%”. Siis skaleeritakse Street View aken automaatselt veeru täislaiusesse ja probleeme ei teki ka väiksemate ekraanide puhul.
- Kui soovid, saad akent ka vertikaalselt suuremaks muuta, kirjutades height=”450″ asemel näiteks height=”600″.
- Võid lisada koodi sisse ka scrolling=”no”. Sel juhul saab veebilehte edasi scrollida ka siis kui kursor satub iframe akna peale.
- Testi, eelvaatle ja saad kindlasti hakkama. Kui jääd hätta, küsi abi.
VÕTA ÜHENDUST lauri@tuur.ee JA TELLI STREET VIEW
Või helista – 55699801
