如何更改SRC一个谷歌静态地图位置

Question

的在页面的jQuery Mobile的内容我有一个IMG SRC是这样的：

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false" height="200" width="288" /> 

我有一个按钮和代码来改变上面的SRC IMG in a javascript

<script type="text/javascript"> 
     function update() 
     { 
      cval = '"https://maps.googleapis.com/maps/api/staticmap?center=Brisbane&amp;zoom=14&amp;size=288x200&amp;markers=Brisbane&amp;sensor=false"' 
      $('#map').attr('src',cval); 

     } 
    </script> 

页面加载正常并显示地图图像。但是，当我从按钮调用脚本时，出现错误，图像不显示。查看Chrome Inspect Elements，第一次调用GET并加载图像，但第二次调用也是GET，但不起作用，并且错误是“禁止的”

我想制作一个移动页面所以当用户进入一个新的位置并点击刷新时，我想将IMG更新到新的位置，但是这给了我一个错误。

那么这里有什么问题？为什么第一个GET工作，但不是第二个，以及如何让这个工作？

也只是在浏览器中粘贴网址也不起作用。

Answer 1

我通过制作新的<img>来解决这个问题，而不是仅仅切换src属性。

http://jsfiddle.net/lollero/VKAW9/1

HTML：

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false" height="200" width="288" /> 

的jQuery：

$('html').on("click", function() { 

    var map = $('#map'), 
     cval = 'https://maps.googleapis.com/maps/api/staticmap?center=Brisbane&zoom=14&size=288x200&markers=Brisbane&sensor=false'; 

    $('<img id="map" height="200" width="288" src="'+ cval +'">').insertAfter(map); 
    map.remove(); 

});