I know this is an old thread, but I came across it looking for this information and I have a solution.
Add the @arcgis/core library to your code. Import the FeatureLayer, Query, and Point objects. Then add the @terraformer/arcgis library to your code and import the arcgisToGeoJSON object.
This function will perform the query against the ArcGIS Feature Server and return the data as GeoJSON.
public getParcels(latitude: number, longitude: number, range: number = 10.0😞 Observable<any> {
const center = new Point({ latitude: latitude, longitude: longitude });
const parcelLayer = new FeatureLayer({
});
const parcelQuery = new Query({
spatialRelationship: "intersects",
geometry: center,
distance: range,
units: 'kilometers',
outFields: ['objectid', 'owner_name', 'mail_addr', 'mail_city', 'mail_stat', 'mail_zip', 'county', 'fips'],
returnGeometry: true
});
return from(parcelLayer.queryFeatures(parcelQuery)).pipe(map(f => arcgisToGeoJSON(f, 'objectid')));
}
Next, import the GeoJson module for Bing Maps. You can read the results that come from the above function and drop them on the map.
const data = getParcels(<latitude>, <longitude>);
const options = { fillColor: new Microsoft.Maps.Color(0, 0, 0, 0), strokeColor: '#ff00ff', strokeThickness: 5 };
const geojson = Microsoft.Maps.GeoJson.read(data, options);
const arcGISLayer = new Microsoft.Maps.Layer();
arcGISLayer.add(geojson);
map.layers.insert(arcGISLayer);
Hopefully, this answer will help someone who stumbles across this post looking for more or less the same answer.
