OpenLayers mit StreetView-Overlay

Ich versuche, meiner OpenLayers-Webanwendung StreetView-Funktionen hinzuzufügen, und möchte der Karte selbst das Overlay hinzufügen, das die StreetView-Verfügbarkeit anzeigt. Ich habe hier ein Beispiel dafür gesehen, wie es erfolgreich durchgeführt wurde , aber ich kann den Code nicht in meiner eigenen Lösung zum Laufen bringen. Insbesondere:

var layer = new OpenLayers.Layer.Google("Google Street", {sphericalMercator: true});

layer.mapObject.addOverlay(new GStreetviewOverlay());

führt zu dem Fehler:

layer.mapObject is null

Hat jemand eine Idee, was ich falsch machen könnte, und wenn ja, wie kann ich das beheben?

Openlayers mit Streetview

erfordert die GeoExt ux-Erweiterung

Der gesamte Code ist verfügbar, sodass Sie sehen können, was Ihnen fehlt

(Wenn Sie einen Live-Link zu Ihrer aktuellen Karte veröffentlichen könnten, könnten Benutzer ihn für Sie debuggen.)

http://api.geo.admin.ch/main/wsgi/doc/build/api/streetview.html

Um Google-Ebenen zu verwenden und die Lizenzanforderungen zu erfüllen, müssen Sie über die Google-API auf Google-Ebenen zugreifen. Wenn Sie einer OpenLayers-Karte eine Google-Ebene hinzufügen, lädt OpenLayers die Google-API.

Das layer.mapObject(im Gegensatz zu layer.mapdem OL-Kartenobjekt) sollte Ihnen einen Verweis auf die Google-Karte geben. Da dies nulletwas schief gelaufen ist , wurde die Google-API geladen. Sie können in FireBug überprüfen, ob es korrekt geladen wurde.

Das Beispiel, auf das Sie verweisen, verwendet möglicherweise die ältere Google 2-API anstelle von Version 3. Sie benötigen keinen API-Schlüssel mehr und können die Google-API mithilfe folgender Elemente hinzufügen:

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Schauen Sie sich die Komponententests für die Google v3-API-Ebenen an, die Ihnen möglicherweise helfen.

Denken Sie daran, dass StreetView auch Flash im Browser benötigt.

Der Grund, warum layer.mapObject null ist, besteht darin, dass die mapObject-Eigenschaft erstellt wird, nachdem der Layer der Map hinzugefügt wurde. Versuche dies:

var layer = new OpenLayers.Layer.Google("Google Street", {sphericalMercator: true});
map.addLayer(layer);
layer.mapObject.addOverlay(new GStreetviewOverlay());