html - 谷歌地图无法正确移动 map

Question

这是一个jfiddle http://jsfiddle.net/w8NRr/

问题是当我尝试移动 map 时(请在里面查看)， map 移动然后自动回到它的位置， map 不适合空间，

除了宽度和高度，我没有 map 的 css

你能帮忙吗？

map 在 jfiddle 中最后一个 Next 按钮上

编辑

map 的代码很简单，如果你不知道，请告诉我，告诉你

Answer 1

删除脚本:

            <script>
            function initialize() {
                var map_canvas = document.getElementById('map_canvas');
                var map_options = {
                    center: new google.maps.LatLng(44.5403, -78.5463),
                    zoom: 8,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                var map = new google.maps.Map(map_canvas, map_options);
            }
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>

下

$(".next").click(function () {

添加

if ($('fieldset').index($(this).parents('fieldset'))==2){
      var map_canvas = document.getElementById('map_canvas');
      var map_options = {
      center: new google.maps.LatLng(44.5403, -78.5463),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(map_canvas, map_options);
}  

工作示例:http://jsfiddle.net/w8NRr/2/