Now I am trying to implement route and directions in my application but getting the following errors in the getRoute() functions.
Property 'routeResults' does not exist on type 'RouteResult'.
Type 'number[]' is missing the following properties from type 'Color': a, b, g, r, and 7 more.
Cannot assign to 'classList' because it is a read-only property.
This is the code snippet:
const getRoute = () => {
const routeParams = new RouteParameters({
stops: new FeatureSet({
features: view.graphics.toArray()
}),
returnDirections: true
});
this.routeTask.solve(routeParams)
.then((data) => {
data.routeResults.forEach((result: { route: Graphic; }) => {
result.route.symbol = {
type: 'simple-line',
color: [5, 150, 255],
width: 3
};
view.graphics.add(result.route);
});
if (data.routeResults.length > 0) {
const directions = document.createElement('ol');
directions.classList = 'esri-widget esri-widget--panel esri-directions__scroller';
directions.style.marginTop = '0';
directions.style.padding = '15px 15px 15px 30px';
const features = data.routeResults[0].directions.features;
features.forEach((result: { attributes: { text: string; length: number; }; }, i: any) => {
const direction = document.createElement('li');
direction.innerHTML = result.attributes.text + ' (' + result.attributes.length.toFixed(2) + ' miles)';
directions.appendChild(direction);
});
view.ui.empty('top-right');
view.ui.add(directions, 'top-right');
}
});
};
