Parcel Map

Parcel Details

Select a parcel by ID to see it on the map and get parcel details.

{{parcel.attributes.PSTLADDRESS}}
{{parcel.attributes.PSTLCITY}}, {{parcel.attributes.PSTLSTATE}} {{parcel.attributes.PSTLZIP5}}

{{parcel.attributes.PRPRTYDSCRP}}

Type: {{parcel.attributes.RESSTRTYP}}

Built: {{parcel.attributes.RESYRBLT}}

About this Example

An example of how to roll your own directive with an Esri map based on the directives found in Esri's module for AngularJS.

The directive is declared on the page as:

<parcel-map id="map" parcel-id="{{parcel.id}}" selection-complete="parcelSelected"></parcel-map>

As other controls update the scope's parcel.id, the directive sets the selected parcel on the map.

The directive also exposes a selection-completeevent, which returns the selected features. The controller listens for this event and display the details of the currently selected parcel.

This example uses services and some code from the History API to track selected feature sample page.