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);

goMap jquery插件重绘地图

1 个答案: