Question

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

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

的plunker

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

Answer 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

Answer 2

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

在openlayer 3中按位置名称放大

2 个答案: