我正试图按名称顺序放大到位置>区>村庄通过动态选择框。
在这篇文章中,我创建了两个名为zoomToExtDist(name)
和zoomToExtVil(distname,vilname)
的函数。但不知道他们没有工作。我们应该在openlayers中使用哪种功能3.任何人都可以告诉我我做错了什么。
这是我创建的zoom to location updated link
请告诉我在openlayers 3中通过lat long设置视图应该使用哪个函数。 在此先感谢:)
答案 0 :(得分:1)
试试这个
$(function() {
var records = jsonList.listval;
// console.log(records);
insert($('#state_id'), plucker(records, 'state'));
//------------------------^ grabs unique states
//--^ populate state list on DOM ready
$('select').on('change', function() {
var category = this.id.split('_id')[0];
var value = $(this).find('option:selected').text();
switch (category) {
case 'state':
{
insert($('#district_id'), plucker(filter(records, 'state', value), 'district'));
break;
}
case 'district':
{
insert($('#village_id'), plucker(filter(records, 'district', value), 'village'));
break;
}
case 'village':
{
zoomToExtDist($(this).val());
break;
}
}
});
function zoomToExtDist(name)
{ console.log(name);
for (var i = 0; i < jsonList.listval.length; i++)
{
if(name==jsonList.listval[i].village)
{
var tlon = parseFloat(jsonList.listval[i].longitude);
var tlat = parseFloat(jsonList.listval[i].latitude);
//var lonlat = new OpenLayers.LonLat(tlat,tlon);
map.getView().setCenter(ol.proj.fromLonLat([tlat, tlon]));
map.getView().setZoom(5);
}
}
}
....
答案 1 :(得分:0)
我不能发表评论,因为我没有足够的声誉,但在你的傻瓜中,我没有看到zoomtodist和zoomtovil的功能?他们在哪个文件?另外,您是否尝试过使用view.centerOn()[http://openlayers.org/en/v3.14.2/apidoc/ol.View.html#centerOn]?或者单独使用view.setCenter()和view.setZoom()来执行居中和缩放?