Function _initView

src/leaflet/components/search/SearchView.js:92–363

* @function SearchView.prototype._initView * @description 创建地址匹配或图层要素查询组件。 * @override * @returns {HTMLElement} * @private

()

     * @private
     */
    _initView() {
        // self 便于 this 对象的使用
        const self = this;
        const div = document.createElement("div");
        div.setAttribute("class", "component-search-container");

        //外框
        const poiContainer = document.createElement("div");
        poiContainer.setAttribute("class", "component-search");
        //主体
        //---------下拉框：
        const poiSettings = document.createElement("div");
        poiSettings.setAttribute("class", "component-search__settings");
        //下拉框
        const poiSearchName = document.createElement("div");
        //由View 维护，进行交互操作
        poiSearchName.setAttribute("class", "component-search__settings__name");
        //poiSettings.innerHTML 通过下拉框选项改变

        poiSettings.appendChild(poiSearchName);

        //下拉标记
        const triangleIcon = document.createElement("span");
        triangleIcon.setAttribute("class", "supermapol-icons-solid-down-triangle");
        poiSettings.appendChild(triangleIcon);

        //城市地址匹配页面, 以及图层查询页面
        //城市地址匹配页面：
        let citySelect = null;
        if (this.options.isGeoCoding) {
            const cityTabsPageObj = new CityTabsPage({
                config: this.options.cityConfig
            });
            citySelect = cityTabsPageObj.getElement();
            //点选城市名，修改显示，并执行定位城市查询【城市列表列表点击事件】
            cityTabsPageObj.content.onclick = (e) => {
                if (e.target.nodeName === "SPAN" && e.target.innerText) {
                    this.viewModel.panToCity(e.target.innerHTML);
                    this.messageBox.closeView();
                    poiSearchName.removeChild(poiSearchName.firstChild);
                    poiSearchName.insertBefore(document.createTextNode(e.target.innerHTML), poiSearchName.firstChild);
                    this.isSearchLayer = false;
                }
            };
            //支持城市地址匹配，则初始化显示配置的第一个城市名：
            poiSearchName.appendChild(document.createTextNode(cityTabsPageObj.content.getElementsByTagName("span")[0].innerText));
        }

        //图层查询页面：写法是为了为了代码可读性
        const layersSelect = function () {
            const layersSelect = document.createElement("div");
            layersSelect.setAttribute("class", "component-search__layers");

            const layersContent = document.createElement("div");
            layersContent.setAttribute("class", "component-search-layers-content");
            layersSelect.appendChild(layersContent);

            //header todo 两个选项的功能暂没用到，先关闭，后续用到再打开