Мне нужно реализовать карту ESRI с помощью esri-loader в приложении angular. все работает нормально, но если мы введем что-то в виджет поиска, то при фокусе вне виджета поиска будет выдана следующая ошибка
"Uncaught TypeError: Cannot read property 'parentNode' of null
at HTMLInputElement.d (dojo.js:2209)
at Object.trigger (jquery.min.js:2)
at Object.simulate (jquery.min.js:2)
at HTMLDocument.n (jquery.min.js:2)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:498)
at invokeTask (zone.js:1693)
at HTMLDocument.globalZoneAwareCaptureCallback (zone.js:1762)
Я использую версию esri 4.14
Я ссылаюсь это , но не удается разрешить.
пакет. json:
"esri-loader": "^2.15.0"
код:
import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from "@angular/core";
import { loadModules ,loadScript} from "esri-loader";
@Component({
selector: "app-esri-map",
template: `
<span> map component workes</span>
<div class="esri-view" #mapViewNode></div>
`,
styles: [`
@import url('https://js.arcgis.com/4.14/esri/css/main.css');
.esri-view {
height: 600px;
}`
]
})
export class MapComponent implements OnInit, OnDestroy {
// The <div> where we will place the map
@ViewChild("mapViewNode", { static: true }) private mapViewEl: ElementRef;
view: any;
constructor() {
loadScript();
}
async initializeMap() {
try {
// Load the modules for the ArcGIS API for JavaScript
const options = { version: '4.14', css: true };
const [Map, MapView, Search] = await loadModules(
["esri/Map",
"esri/views/MapView",
"esri/widgets/Search"],options);
// Configure the Map
const mapProperties = {
basemap: "streets"
};
const map = new Map(mapProperties);
// Initialize the MapView
const mapViewProperties = {
container: this.mapViewEl.nativeElement,
zoom: 10,
map: map
};
this.view = new MapView(mapViewProperties);
var search = new Search({
view: this.view,
searchTerm: `15 Inverness Way East, Englewood, CO80112, United States`,
});
console.log('search', search.search());
this.view.ui.add(search, "top-right");
search.on("select-result", function (event) {
console.log("The selected search result: ", event);
console.log('attributes', event.result.feature.attributes)
});
await this.view.when(); // wait for map to load
console.log('this.view', this.view);
return this.view;
} catch (error) {
console.error("EsriLoader: ", error);
}
}
ngOnInit() {
this.initializeMap();
}
ngAfterViewInit() {
}
ngOnDestroy() {
if (this.view) {
// destroy the map view
this.view.container = null;
}
}
}
мне нужно изменить некоторые настройки ? пожалуйста, предложите мне.