בדף הזה מוסבר איך להטמיע באתרים תמונות 360 עם נגן פנורמה אינטראקטיבי ב-360 מעלות, בדיוק כמו ב-Street View במפות Google.
Street View ב-Maps Embed API
באמצעות Google Maps Embed API תוכלו להציג תמונות Street View באתר או בבלוג שלכם כתמונות פנורמיות אינטראקטיביות ב-360°. התכונה Google Street View מספקת תצוגות פנורמיות ממיקומים ייעודיים ברחבי אזור הכיסוי שלה. יש גם תמונות פנורמיות ב-360° שהוסיפו משתמשים ואוספים מיוחדים של Street View.
דוגמה לתמונה אינטראקטיבית מסוג 'תמונה פנורמית 360 מעלות' מוטמעת:
השירות מספק תצוגות פנורמיות של 360 מעלות מכבישים ייעודיים ברחבי אזור הכיסוי. הכיסוי של ממשק ה-API של Street View זהה לכיסוי של אפליקציית מפות Google. באתר של מפות Google מופיעה רשימת הערים שנתמכות ב-Street View.
ממשק API של תמונות מראה הרחוב
Google Street View Image API מאפשר להטמיע באתר שלכם תמונה ממוזערת סטטית (לא אינטראקטיבית) של תמונה רחבה ללא שימוש ב-JavaScript. האפשרות הזו שימושית ליצירת גלריות של מספר תמונות פנורמיות ב-360°.
דוגמה לכתובת URL של תמונה סטטית של תמונה תלת-ממדית:
[null,null,["עדכון אחרון: 2024-11-06 (שעון UTC)."],[[["This page provides instructions for embedding interactive 360-degree photo spheres on your website using Google Maps APIs."],["You can use either the Google Maps Embed API or the Maps JavaScript API to display interactive Street View panoramas."],["The Google Street View Image API allows embedding static thumbnails of photo spheres without JavaScript for galleries or simpler displays."],["Photo spheres can be sourced from Google Street View, user contributions, and special collections."]]],["The content outlines three methods to embed photo spheres on websites. The Maps Embed API allows interactive Street View images, like Google Maps. The Maps JavaScript API programmatically retrieves and displays interactive 360-degree photo spheres from supported cities. The Street View Image API embeds static thumbnails of photo spheres without JavaScript, suitable for galleries. These methods use Street View data, including user-contributed spheres and special collections, offering both interactive and static options.\n"]]
