goMap jquery插件重绘地图

Question

我正在使用goMap jQuery 插件来集成 Google Maps api v3。我想重绘地图时遇到问题。我有 2 个用于输入纬度和经度的输入框，然后是一个文本链接，我在该链接上触发 goMap javascript 代码......当第一次调用地图时，地图呈现正常，但是如果我更改纬度/经度值并再次调用相同的代码地图没有重绘到新坐标...我的代码看起来像

<input id="form_office_latitude" class="span4 office_latitude" type="text"  name="office_latitude" value="">
<input id="form_office_longitude" class="span4 office_longitude" type="text" name="office_longitude" value="">
<a class="check-map" href="javascript:{};">Preveri zemljevid</a>

$('.check-map').live('click', function(){
        $("#map_canvas").goMap({ 
            maptype: 'ROADMAP',
            zoom: 15,
            markers: [{
                icon: base_url+'assets/img/marker.png',
                latitude: $('.office_latitude').val(), 
                longitude: $('.office_longitude').val(), 
                id: 'test', 
                html: { 
                    content: 'Hello Word!', 
                    popup: true 
                }
            }], 
            hideByClick: false 
        });
});

Answer 1

我不是 goMap 插件方面的专家，但您可能不想像现在这样重绘或重新创建地图（构建一个全新的地图）。相反，您想使用以下方式重新定位地图：

var center = new google.maps.LatLng($('.office_latitude').val(),
                                    $('.office_longitude').val());
$.goMap.map.setCenter(center);