3

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

我认为本地变量“contentString”和“content”存在问题。我应该将 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>
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 回答