3

Google マップの情報ウィンドウに表示されるストリートビュー パノラマの画像をキャプチャしようとしています。関数 captureImage() を呼び出すボタンを作成しましたが、返される var = img 変数を HTML に渡すのに苦労しています。

ローカルの変数「contentString」と「content」に問題があると思います。initialize() に captureImage() 関数を記述しますか? ありがとうございます。

私のコードは次のとおりです。

function initialize() {

//code here

    var contentString = '<input type="button" value="Grab this picture" onClick="captureImage()" /> <div id="content" style="width:300px;height:400px;"></div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

//code here

}

function captureImage()
{
    var canvas = document.getElementById("content");
    var img    = canvas.toDataURL("image/png");
    document.write('<img src="'+img+'"/>');

}

HTML :

    <div id="dialog" title="Image box">
        <p>Here is the image from Streetview :</p>
                    <img scr=""></img>
    </div>
4

1 に答える 1

0

<img>の src を次のように直接設定する方が簡単だと思います。

http://maps.googleapis.com/maps/api/streetview?size=<width>x<height>&location=lat,%20lng&fov=90&heading=235&pitch=10&sensor=false

于 2012-05-20T04:00:25.467 に答える