主页 / 问题 / 903467
Accepted
Agapkin
Asked:2020-11-07 20:30:49 +0000 UTC2020-11-07 20:30:49 +0000 UTC

自定义搜索布局

  • 772

请帮助在地图上实现任意搜索布局。现在我在地图和 SuggestView 之外使用，一切正常。我尝试在地图上创建自己的搜索，我不明白实现方案。SuggestView（下拉建议面板）不适用于我通过 templateLayoutFactory 创建的输入。任何提示，示例...谢谢！

yandex-maps-api

1 个回答

  1. Best Answer

    我做到了，也许它对某人有用

      TemplateSearchCtrl = ymaps.templateLayoutFactory.createClass(
    "<div id='searchCtrl'><input type='text' id='map_search'></div>", {
      build: function () {
        TemplateSearchCtrl.superclass.build.call(this);
        this.field = new ymaps.SuggestView('map_search', {
          offset: [0, 10],
          boundedBy: myMap.getBounds()
        });
        this.field.events.add('select', this.FieldSelect, this);
      },
      clear: function () {
        this.field.events.remove('select', this.FieldSelect, this);
        TemplateSearchCtrl.superclass.clear.call(this);
      },
      FieldSelect: function (e) {
        ymaps.geocode(e.get('item').value).then(function (res) {
          myMap.setBounds(res.geoObjects.get(0).properties.get('boundedBy'));
        });
      }
    }),
    SearchCtrl = new ymaps.control.SearchControl({
    options: {
      layout: TemplateSearchCtrl,
      position: {
        top: 10,
        left: 100
      }
    }
  });
    • 0

相关问题