Question

所以这可能是一个愚蠢的问题，但我试图让用户输入纬度和经度，然后使用这些值来拉出谷歌街景上的位置。我可以在我的网站上查看谷歌街景，但我无法按计划工作。

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x;
 latittude=prompt("Please enter a latitude");
 longitude = prompt("please enter your longitude");

}
</script>
<img src="http://maps.googleapis.com/maps/api/streetview?size=400x400&location=latittude,longitude&heading=235&sensor=false">

但是，我没有正确加载这个并且地图首先出现但是我想要显示提示然后根据纬度和经度加载图像，我该怎么做？相反，它只是说它无法显示图像，因为latittude和logitude是未初始化的。

Answer 1

除非事件处理程序不执行，否则您无法将变量从脚本标记传递到html。相反，你可以这样做

function myFunction() {
    var x,
        latittude = prompt("Please enter a latitude");
        longitude = prompt("please enter your longitude");
    var img = document.createElement('img');
    img.src = 'http://maps.googleapis.com/maps/api/streetview?size=400x400&location='+ latittude + ',' + longitude + '&heading=235&sensor=false';
    document.getElementById('body').appendChild(img);
}

如果您要多次提示，那么可以动态更改图像的src，就像上面的代码一样。

如果您对 Google maps APIv3 感兴趣，请查看此answer。

脚本标记和谷歌地图集成之外的Javascript变量

1 个答案: