在openlayer 3中按位置名称放大

时间:2016-04-01 06:02:32

标签: javascript openlayers-3

我正试图按名称顺序放大到位置>区>村庄通过动态选择框。

在这篇文章中,我创建了两个名为zoomToExtDist(name)zoomToExtVil(distname,vilname)的函数。但不知道他们没有工作。我们应该在openlayers中使用哪种功能3.任何人都可以告诉我我做错了什么。 这是我创建的zoom to location updated link

的plunker

请告诉我在openlayers 3中通过lat long设置视图应该使用哪个函数。 在此先感谢:)

2 个答案:

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

              }
             }

        }
....

http://plnkr.co/edit/Rja2b1dLsJm7FDFtlUJ0?p=preview

答案 1 :(得分:0)

我不能发表评论,因为我没有足够的声誉,但在你的傻瓜中,我没有看到zoomtodist和zoomtovil的功能?他们在哪个文件?另外,您是否尝试过使用view.centerOn()[http://openlayers.org/en/v3.14.2/apidoc/ol.View.html#centerOn]?或者单独使用view.setCenter()和view.setZoom()来执行居中和缩放?