spektrum-photo - Google StreetView Trusted

Sie sind Inhaber des Rundganges? Hier erhalten Sie noch mehr Service. ⇩ Ausklappen ⇩

Link um Ihren Rundgang zu teilen:

http://20.360spot.de

html-Code zum Einbetten in eine Website (TourExtender verf�gbar):

Die Standartgr��e des Rundganges ist f�r das Einbetten in die Website 600 Pixel Breite und 450 Pixel H�he. M�chten Sie das Fenster in einer anderen Gr��e, �ndern Sie einfach die Werte in width und height. Sie k�nnen auch einen relativen Wert angeben. Zum Beispiel: width="100%" (orientiert sich am Elternelement). Wenn Sie Probleme beim Einbetten haben, k�nnen Sie mich gern kontaktieren.


Noch nicht freigeschaltet...

html-Code zum Einbetten in eine Website (kein TourExtender m�glich):


<iframe src="https://www.google.com/maps/embed?pb=!4v1585091484397!6m8!1m7!1sCAoSLEFGMVFpcE40QVV1NFhHcEJQellMMloyS1pEWWdWOGUwNGZHVGJWQVhnSEZK!2m2!1d50.880582339069!2d10.839255949703!3f247.16500330528555!4f0.2242026930747727!5f0.7820865974627469!4v1585129914874!6m8!1m7!1sCAoSLEFGMVFpcE8xTkVrRnFNbFZkQTRJVmRBeDFqT2lySC10Slg4czlLZHFucmhq!2m2!1d50.903135149951!2d11.276371722803!3f46.64557689043764!4f5.482711098331478!5f0.7820865974627469" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Gesamte Video auf Youtube ansehen

Scroll-Schutz auf Ihrer Website

Beim Einbau des Rundganges in die Website kann f�r den User ein Problem auftauchen. Denn oft nimmt der Rundgang einen Gro�teil der Ansicht ein. Will der User nun wieder wegscrollen und versucht dies zwangsl�ufig auf dem Rundgang, wird er nur rein bzw. rauszoomen oder auf dem Mobil-Ger�t den Rundgang bewegen. Um dies zu vermeiden, braucht es einen Schutz. Bauen Sie diesen Code auf Ihre Seite entsprechend der Anleitung ein:

1. �ffnen Sie die Seite, auf welcher der Rundgang platziert werden soll, mit einen html bzw. Text-Editor (variiert nach verwendetem System) um den Quellcode zu bearbeiten.

2. Vor dem schlie�enden </head>-tag (nicht vor dem �ffnenden <head>-tag) kopieren Sie:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script language="JavaScript" type="text/javascript" src="https://spektrum-photo.de/webs/360overlay/360spot/360script.js"></script>

<link rel="stylesheet" href="https://spektrum-photo.de/webs/360overlay/360spot/360style.css">

3. An die Stelle, wo der Rundgang platziert werden soll, kopieren Sie folgenden Code. Ver�ndern Sie nur width: 600px; (Breite des Rundganges) und height: 350px; (H�he des Rundganges) um die Tour Ihrer Website anzupassen. Sie k�nnen auf relative Werte nehmen (bspw. width: 50%;):


<div style="width: 600px; height: 350px;">



<div id="mask" style="height: inherit; width: inherit; margin: 1px 0 0 1px;">

<div id="toggle" style="padding: 20px";>

<span id="360spanA" style="display: block;">AUS</span>

<img id="360img" src="https://spektrum-photo.de/webs/360overlay/360spot/toggleA.png" style="height: 100px; padding: 0 5px 0 5px;">

<span id="360spanB" style="display: block;">EIN</span>

</div>

</div>



<iframe id="360iframe" style="width: inherit; height: inherit; filter: blur(2px);" allowfullscreen="" src="https://www.google.com/maps/embed?pb=!4v1585091484397!6m8!1m7!1sCAoSLEFGMVFpcE40QVV1NFhHcEJQellMMloyS1pEWWdWOGUwNGZHVGJWQVhnSEZK!2m2!1d50.880582339069!2d10.839255949703!3f247.16500330528555!4f0.2242026930747727!5f0.7820865974627469!4v1585129914874!6m8!1m7!1sCAoSLEFGMVFpcE8xTkVrRnFNbFZkQTRJVmRBeDFqT2lySC10Slg4czlLZHFucmhq!2m2!1d50.903135149951!2d11.276371722803!3f46.64557689043764!4f5.482711098331478!5f0.7820865974627469"></iframe>

</div>

4. So sollte das Ergebnis aussehen:

AUS

EIN