OpenLayers với StreetView Overlay

Tôi đang cố gắng thêm chức năng StreetView vào ứng dụng web OpenLayers của mình và muốn thêm lớp phủ hiển thị tính khả dụng của StreetView vào chính bản đồ. Tôi đã thấy một ví dụ về nó được thực hiện thành công ở đây , nhưng tôi không thể lấy mã để làm việc theo giải pháp của riêng mình. Đặc biệt :

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

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

dẫn đến lỗi:

layer.mapObject is null

Có ai biết tôi có thể làm gì sai không, và nếu vậy, làm thế nào tôi có thể sửa cái này?

Công cụ mở với Streetview

yêu cầu tiện ích mở rộng GeoExt ux

tất cả các mã có sẵn - vì vậy bạn có thể thấy những gì bạn đang thiếu

(nếu bạn có thể đăng một liên kết trực tiếp lên bản đồ hiện tại của mình - người dùng có thể gỡ lỗi cho bạn.)

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

Để sử dụng các lớp của Google và đáp ứng các yêu cầu cấp phép, bạn phải truy cập các lớp của Google thông qua Google API. Khi bạn thêm một lớp Google vào bản đồ OpenLayers, OpenLayers sẽ tải Google API.

Các layer.mapObject(như trái ngược với layer.mapđó là các đối tượng bản đồ CV) nên cung cấp cho bạn một tham chiếu đến Google Map. Vì đây là nullmột cái gì đó đã sai khi tải Google API. Bạn có thể kiểm tra FireBug nếu nó đã được tải đúng cách.

Ví dụ bạn chỉ ra có thể đang sử dụng API Google 2 cũ hơn là phiên bản 3. Bạn không còn cần khóa API và có thể thêm API Google bằng cách sử dụng:

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

Hãy xem thử nghiệm đơn vị cho các lớp API Google v3 có thể giúp bạn.

Hãy nhớ StreetView cũng cần Flash trong trình duyệt.

Lý do tại sao layer.mapObject là null là do thuộc tính mapObject được tạo sau khi lớp đó được thêm vào bản đồ. Thử đi:

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