本文代码基于Angular8和arcgis js 4.16。
代码里会涉及到一个地图变量mapView,初始化如下:
const map = new Map({
basemap: 'osm',
});
this.mapView = new MapView({
container: this.mapContainer.nativeElement,
center: [113.280637, 23.125178],
zoom: 12,
map,
});
官网提供了许多小组件,很多操作不需要开发者自己实现,比如本文的测距、测面积、搜索,这些小组件均满足基本需求。
测距
平面地图测距官网:DistanceMeasurement2D
const [DistanceMeasurement2D] = await loadModules(['esri/widgets/DistanceMeasurement2D']);
this.distanceWidget = new