谷歌地图无法正确移动地图

Question

这是一个小问题 http://jsfiddle.net/w8NRr/

问题在于，当我尝试移动地图时（请查看它），地图移动然后自动返回到它的位置，地图不适合空间，

除了宽度和高度

之外，我没有地图的CSS 你可以帮忙吗？

地图位于jfiddle

中Next的最后一个按钮上

修改

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

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/