goMap jquery插件重画地图

goMap jquery插件重画地图,jquery,jquery-plugins,google-maps-api-3,Jquery,Jquery Plugins,Google Maps Api 3,我正在使用jQuery插件集成GoogleMapsAPI v3。我想重新绘制地图时遇到问题。我有两个输入框来输入纬度和经度,然后是一个文本链接,我在上面触发GoMapJavaScript代码。。。当这被称为“第一次贴图渲染”时,效果很好,但是如果我更改纬度/经度值并再次调用相同的代码,则贴图不会重新绘制到新的坐标。。。我的代码看起来像 <input id="form_office_latitude" class="span4 office_latitude" type="text" na

我正在使用jQuery插件集成GoogleMapsAPI v3。我想重新绘制地图时遇到问题。我有两个输入框来输入纬度和经度,然后是一个文本链接,我在上面触发GoMapJavaScript代码。。。当这被称为“第一次贴图渲染”时,效果很好,但是如果我更改纬度/经度值并再次调用相同的代码,则贴图不会重新绘制到新的坐标。。。我的代码看起来像

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

$('.check map').live('click',function(){
$(“#map_canvas”).goMap({
地图类型:“路线图”,
缩放:15,
标记:[{
图标:base_url+'assets/img/marker.png',
纬度:$('.office_latitude').val(),
经度:$('.office_longitude').val(),
id:'测试',
html:{
内容:“你好,单词!”,
弹出窗口:真
}
}], 
hideByClick:错
});
});

我不是goMap插件的专家,但您可能不想像当前那样重新绘制或重新创建地图(构建一个完整的新地图)。相反,您希望使用以下方法重新居中地图:

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

我不是goMap插件的专家,但你可能不想像现在这样重新绘制或重新创建地图(构建一个完整的新地图)。相反,您希望使用以下方法重新居中地图:

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

调用$.goMap.map.setCenter(center);,还有另一个问题;。如果您在一个页面中有多个地图实例(如我所做的),那么调用$.goMap.map.setCenter(center)将不会使我想要的地图居中…更新:没关系,我已经搞定了。goMap知道它是否已经渲染。你的回答是对的!更好的方法是调用
$.goMap.map.createMarker(markerOptions)
将根据markerOptions创建标记并将地图居中。调用$.goMap.map.setCenter(center);,还有另一个问题;。如果您在一个页面中有多个地图实例(如我所做的),那么调用$.goMap.map.setCenter(center)将不会使我想要的地图居中…更新:没关系,我已经搞定了。goMap知道它是否已经渲染。你的回答是对的!更好的方法是调用
$.goMap.map.createMarker(markerOptions)将创建标记并根据标记选项将地图居中。