Adding an ArcGIS Server service to a Bing Maps web application

ducksunlimited

Dear All, How can I add a web service hosted on an ArcGIS Server to a web application built with MS Bing Maps? Appreciate any replies.

Thanks,
Russel

LayneRobinson

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.

  // https://developers.arcgis.com/javascript/latest/query-a-feature-layer-sql/

  // https://github.com/terraformer-js/terraformer/blob/master/packages/arcgis/README.md

  public getParcels(latitude: number, longitude: number, range: number = 10.0😞 Observable<any> {

    const center = new Point({ latitude: latitude, longitude: longitude });

    const parcelLayer = new FeatureLayer({

      url: 'https://feature.tnris.org/arcgis/rest/services/Parcels/stratmap19_land_parcels_48/MapServer/0'

    });

    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.