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