jquery - goMap jquery插件重绘 map

Question

我正在使用goMap用于集成 Google map api v3 的 jQuery 插件。当我想重绘 map 时遇到问题。我有 2 个输入框用于输入纬度和经度，然后是一个文本链接，我可以在其上触发 goMap javascript 代码...当第一次调用此方法时， map 渲染良好，但如果我更改纬度/经度值并再次调用相同的代码 map 不会重新绘制到新坐标...我的代码如下所示

<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 插件方面的专家，但您可能不想像现在一样重新绘制或重新创建 map (构建整个新 map )。相反，您想使用类似以下内容的 map 重新居中:

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