Angular上的传单Esri地理编码未导入地理编码类

编程问答 2022-06-13

问题描述

我尝试在Angular项目上使用地理编码形式的esri-leaflet库，但是我遇到导入类问题。

这是我的组件代码：

import { Component,OnInit,AfterViewInit,Type } from '@angular/core';
import { latLng,tileLayer,layerGroup,marker,Layer,Control,circle,polygon,Map } from 'leaflet';
import * as L from 'leaflet';
import * as esri from 'esri-leaflet';
import GeocodeService from 'esri-leaflet-geocoder/dist/esri-leaflet-geocoder';


@Component({
  selector: 'abd-map',templateUrl: './abd-map.component.html',styleUrls: ['./abd-map.component.scss']
})
export class AbdMapComponent implements OnInit,AfterViewInit {


  constructor() {}

  ngOnInit(): void {

 }


  ngAfterViewInit(): void{


    const openStreetMap = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    });

    const googleMap = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{
        maxZoom: 20,subdomains: ['mt0','mt1','mt2','mt3']
    });


    const map = L.map('map',{
        center: [39.61,-105.02],zoom: 13,layers: [openStreetMap,googleMap]
    });

    const baseMaps = {
      'openStreetMap': openStreetMap,'googleMap': googleMap
  };

    L.control.layers(baseMaps).addTo(map);


    const searchControl = esri.Geocoding.geosearch().addTo(map);


  }



}

当我运行“ ng serve”时，出现此错误：

./src/app/abd-map/abd-map.component.ts中的

ERROR 41：30-44 “在'esri-leaflet'中找不到导出的'Geocoding'（导入为'esri'）

有人可以帮助我吗？ 谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularesrileaflettypescripttypescript