また、あなたがマーカーにvisible: false
http://jsfiddle.net/sST8z/
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100% }
#map_canvas { margin: 0; padding: 0; width: 500px; height: 300px }
#street { margin: 0; padding: 0; width: 150px; height: 150px }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP };
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
street = new google.maps.StreetViewPanorama(document.getElementById("street"), {
position: new google.maps.LatLng(40.72982797782924, -73.98622512817383),
zoomControl: false,
enableCloseButton: false,
addressControl: false,
panControl: false,
linksControl: false
});
var infow = new google.maps.InfoWindow({ content: document.getElementById("street") });
var myLatLng = new google.maps.LatLng(40.72982797782924, -73.98622512817383);
var marker = new google.maps.Marker({ position: myLatLng, map: map, visible: true });
infow.open(map, marker);
map.setCenter(myLatLng);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="street"></div>
<div id="map_canvas"></div>
</body>
</html>
おかげで、あなたのコードの作品を設定することができ、このようなストリートビューのパノラマを埋め込む、または情報ウィンドウの内容(
<img src="...">
)で画面キャプチャ画像を埋め込むことができますjsフィドルで、私はそれを受け入れていますが、何らかの理由で(XHTML + gmap document.write?)私のページにはありません。もう一つの関連する質問:私はそれがうまく位置を設定するためにストリートビューのパノラマをパンするとき(デフォルトはかなりランダムです)、それは可能なすべてのパラメータ(傾斜、方位角、距離など)をキャプチャし、何とかjavascriptコード? – user776686私はそれを解決しました:google.maps.event.addListener(street、 'pov_changed'、function(){console.log(street.pov)}); – user776686
ただし、情報ウィンドウにパノラマコンテンツとテキストコンテンツの両方を表示することはできません。 .innerHTMLとテキストを連結すると、偽の結果になります。 – user776686