Question

我尝试捕捉出现在Google地图信息窗中的街景全景图像。我创建了一个调用函数captureImage（）的按钮，但是我很难传递它返回给HTML的var = img变量。

我认为变量＆＃34; contentString＆＃34;存在问题。和＆＃34;内容＆＃34;那是当地的。我应该将captureImage（）函数写入initialize（）吗？谢谢你。

我的代码如下：

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>

Answer 1

我认为直接设置<img> src可以更容易：

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

传递canvas.toDataURL返回div

1 个答案: