Wie erstelle ich ein benutzerdefiniertes Google Streetview-Panorama?

Ich habe ein 360°-Panoramafoto mit einer Größe von 18432 × 9216 px, das mit ICE zusammengefügt wurde . Ich habe das Panorama auf Photosynth hochgeladen , damit es bequem angezeigt und navigiert werden kann. Photosynth erfordert jedoch das Silverlight-Plug- In , das einige nicht installiert haben. Alternativ möchte ich das Panorama in ein benutzerdefiniertes Google Streetview-Panorama umwandeln .

Was ist der einfachste Weg, um ein benutzerdefiniertes Google Streetview-Panorama zu erstellen?

Hinweis: Ich möchte das Panorama nur mit Freunden teilen, eventuell über einen Link. Ich möchte nicht, dass das Panorama im Web frei auffindbar ist.

Dies könnte einigen helfen - Erstellen Sie Ihr eigenes Street View mit der Google Street View-API . Stecken Sie in einem bestimmten Schritt des Prozesses fest? Der Link, den Sie bereits bereitgestellt haben, enthält ziemlich viele Details.
@dpollitt Das Befolgen des Prozesses sollte für mich kein Problem sein (ich bin Entwickler). Ich bevorzuge jedoch eine einfache, endbenutzerfreundliche Lösung mit so wenig manuellen Schritten wie möglich. Trotzdem danke für den Link!
@feklee Ich bin mir nicht sicher, ob Sie bei Google Ihre eigenen Fotos für Panos verwenden können. Nichts in der API sagt das aus, es ist eher so, wie Sie Google Street View-Daten nehmen und sie selbst zusammenstellen können.
@PengTuckKwok Das tun sie. Folgen Sie dem Link , den ich gepostet habe, und lesen Sie.
Ich empfehle, auch diesen Link zu überprüfen, falls Sie ihn nicht gesehen haben: labs.teehanlax.com/project/hyperlapse Nicht direkt verwandt, aber dennoch relevant, denke ich
@D3C4FF Lustige Sachen! Seltsamerweise lädt mindestens einer der Demo - Zeitraffer bei mir nicht.
Interessanterweise funktioniert Photosynth auch ohne Silverlight, obwohl Sie aus irgendeinem Grund den User-Agent-String im Browser anpassen müssen, um dem Server mitzuteilen, dass es sich um ein Telefon handelt, und stattdessen HTML5 bereitzustellen.

Antworten (3)

360cities : Panoramen können auf dem Desktop, iPhone, iPad und in Google Earth angezeigt werden.

Wenn Sie ein individuelleres Panorama oder eine virtuelle Tour (viele verbundene Panoramen) wünschen, wäre krpano die beste Option.

AKTUALISIEREN:

Google Maps hat ein Repo auf GitHub, das Sphere-Bilder von Android in Street View umwandeln kann: https://github.com/googlemaps/streetsphere und es hat auch einen Online-Generator: http://street-sphere.appspot.com/

Aber es funktioniert nur mit Sphere Images von Android, die Metadaten enthalten. Sie können versuchen, eine mit diesem Bild zu erstellen . Die Ausgabe-ZIP-Datei enthält dieses Bild und eine Webseite.

Vielen Dank! Das sind interessante Alternativen, obwohl das meine Frage nicht beantwortet.
Vielen Dank für den Hinweis auf den Konverter von Android Photo Sphere zu Google Maps API Custom Street View. Ich habe das schon mal gefunden, aber es ist für mich nicht geeignet, da ich das Panorama auf andere Weise erzeugt habe.

Mir ist aufgefallen, dass GraphicsMagick eine einfache Möglichkeit bietet , Bilder für Streetview vorzubereiten. Die Software läuft auf einer Vielzahl von Betriebssystemen. Eine Alternative ist ImageMagick .

Lernprogramm basierend auf Maps Javascript API V3

Beispiel Voraussetzung

Panoramabild my_panorama.jpg, Größe 18432×9216 px (360° horizontal, 180° vertikal), gestickt mit ICE .

Beispieldefinitionen

  • Kachelgröße: 1152×576 px

  • Namensstruktur für Kacheldateien:

    tile_Z_N.jpg

    Wo:

    • Z, Zoomstufe: von 0 bis 4

    • N, Fliesennummer:y * (2^Z) + x

Erstellung von Kacheln

Unix-Befehlszeile (unter Windows/DOS durch ersetzen cp) copy:

cp my_panorama.jpg tile_0_0.jpg
gm convert panorama.jpg -crop 9216x4608 tile_1_%d.jpg
gm convert panorama.jpg -crop 4608x2304 tile_2_%d.jpg
gm convert panorama.jpg -crop 2304x1152 tile_3_%d.jpg
gm convert panorama.jpg -crop 1152x576 tile_4_%d.jpg
gm mogrify -size 1152x576 -resize 1152x576 +profile "tile_*_*.jpg"

Tool zum Anzeigen von Panoramas mit Streetview

Kopieren Sie einfach diesen Code und fügen Sie ihn ein. Um das Panorama mit Google Streetview anzusehen, öffnen Sie einfach die Datei index.html(siehe unten) in einem modernen Webbrowser.

index.html:

<!DOCTYPE html>
<html>
  <head>
    <title>My panorama</title>
    <meta charset="utf-8">
    <link href="index.css" rel="stylesheet">
    <script
       src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false">
    </script>
    <script src="index.js"></script>
  </head>
  <body>
    <div id="panorama"></div>
  </body>
</html>

index.css:

html, body, #panorama {
    height: 100%;
    margin: 0;
    padding: 0;
}

index.js:

function initialize() {
    var panoOptions = {
        pano: 'myPanorama',
        visible: true,
        panoProvider: getCustomPanorama
    };

    var panorama = new google.maps.StreetViewPanorama(
        document.getElementById('panorama'), panoOptions);
}

function getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) {
    var n = tileY * Math.pow(2, zoom) + tileX;

    return 'tile_' + zoom + '_' + n + '.jpg';
}

function getCustomPanorama(pano, zoom, tileX, tileY) {
    if (pano === 'myPanorama') {
        return {
            tiles: {
                tileSize: new google.maps.Size(1152, 576),
                worldSize: new google.maps.Size(18432, 9216),
                centerHeading: 105,
                getTileUrl: getCustomPanoramaTileUrl
            }
        };
    }
}

google.maps.event.addDomListener(window, 'load', initialize);

Weiterlesen

Googles Tutorial „Benutzerdefinierte StreetView-Panoramen bereitstellen“

Nicht wirklich das, was die meisten einfach nennen würden , nehme ich an. Daher markiere ich meine eigene Antwort vorerst nicht als akzeptiert, obwohl sie eine direkte Lösung für das Problem zeigt.
Ich glaube, Sie haben vergessen, den +adjoin-Befehl in das GraphicsMagick-Code-Snippet einzufügen?

Ich habe das Tutorial How to upload non-android 360 panoramas to Google Maps gefunden und erfolgreich ein sphärisches Panorama in Google+ hochgeladen. Ich habe nicht den Schritt unternommen, es auf Google Maps zu veröffentlichen, aber ich denke, für privates Teilen ist G+ besser.

Beachten Sie das kugelförmige Symbol auf dem Miniaturbild.

Grundsätzlich müssen wir:

  • Aktivieren Sie die Option „Meine Fotos in voller Größe hochladen“ in den G+ Einstellungen.

  • Metadaten zum Foto hinzufügen, entweder:

    1. mit dem Tool photo-sphere.appspot.com

    2. EXIF manuell hinzufügen (Pixel und GPS-Daten anpassen):

      ProjectionType=equirectangular
UsePanoramaViewer=True
CroppedAreaImageWidthPixels=6000
CroppedAreaImageHeightPixels=3000
FullPanoWidthPixels=6000
FullPanoHeightPixels=3000
CroppedAreaLeftPixels=0
CroppedAreaTopPixels=0
PoseHeadingDegrees=0.0
InitialViewHeadingDegrees=0
InitialViewPitchDegrees=0
InitialViewRollDegrees=0
InitialHorizontalFOVDegrees=90.0
Noch nicht probiert, sieht aber sehr interessant aus!
Wie erstelle ich ein benutzerdefiniertes Google Streetview-Panorama?
AntwortenHierDatenschutz-Bestimmungen1y, 0v