2012-05-05 14 views
1

Googleマップを匿名ユーザーとして使用すると、私がウェブサイトを構築している会社が見つかると、その場所のデフォルトのストリートビュー写真が表示されます。それはとてもいいですし、この写真をAPI3を使って準備している私のカスタムInfoWindowでも表示させたいと思います。そのための方法はありますか、またはそのソースパスを盗聴して使用する必要がありますか?Google Map:カスタムInfoWindowでのデフォルトのstreetview画像

答えて

1

また、あなたがマーカーに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> 
+0

おかげで、あなたのコードの作品を​​設定することができ、このようなストリートビューのパノラマを埋め込む、または情報ウィンドウの内容(<img src="...">)で画面キャプチャ画像を埋め込むことができますjsフィドルで、私はそれを受け入れていますが、何らかの理由で(XHTML + gmap document.write?)私のページにはありません。もう一つの関連する質問:私はそれがうまく位置を設定するためにストリートビューのパノラマをパンするとき(デフォルトはかなりランダムです)、それは可能なすべてのパラメータ(傾斜、方位角、距離など)をキャプチャし、何とかjavascriptコード? – user776686

+0

私はそれを解決しました:google.maps.event.addListener(street、 'pov_changed'、function(){console.log(street.pov)}); – user776686

+0

ただし、情報ウィンドウにパノラマコンテンツとテキストコンテンツの両方を表示することはできません。 .innerHTMLとテキストを連結すると、偽の結果になります。 – user776686

関連する問題