Import the DAS Embed Script
<script src="https://embed.dasintel.io/v1/das_map.umd.cjs"></script>
note
The v1 in the path will change as new versions are released. Customers will need to use the appropriate path for the
version of the component they are embedding.
Importing the DAS Embed Map Component will enable the das-map HTML tag on your web page.
<das-map
id="das-map"
height="400px"
width="100%"
zoom="13"
embed-farm-id="unique-farm-identifier"
farm-name=""
client-id=""
address=""
lat=""
lng=""
enable-search-bar="true"
enable-save-btn="true"
enable-kml="true"
enable-paddock="true"
jwt-token=""
mode=""
>
</das-map>
DAS Embed Component Properties
The following properties are supported by the component.
Reactive properties will make the map react to changes in its values.
Property | Type | Required | Description | Example | Reactive |
|---|---|---|---|---|---|
address | string | No | Sets the initial location for the map. The first matching result will be returned. It is recommended to use a fully structured address with street name, number, postcode and state. | 2150 Cressy Rd, Ombersley VIC 3241 | Yes |
client-id | string | No | Client identifier associated with the farm. | VRM0001 | Yes |
embed-farm-id | string | No | Unique farm identifier. If included, the map will return the existing property (farm) allocated to the value. If empty, a random identifier will be assigned to the farm | c96ad9cf-bf5b-468d-8e83-2636fab006fc | Yes |
enable-kml | boolean | No | Default true. Enable/disable KML upload button. | true | Yes |
enable-paddock | boolean | No | Enable/disable paddock layer instead of cadastre layer. Important: Once the map is loaded, the state of the paddock layer should not be changed. Note: Only supported when region is au (the default) | true | Yes |
enable-building | boolean | No | Default true. Enable/disable Building layer | true | Yes |
enable-save-btn | boolean | No | Enable/disable the save button on embed | true | Yes |
enable-search-bar | boolean | No | Flag that enables or disables the embedded address bar. | false | Yes |
farm-name | string | No | Name of the farm. | Volk Remote Farm | Yes |
height | px | Yes | Height of the map component | 400px | No |
jwt-token | string | Yes | RS256 Json Web Token to verify the authenticity of the request. | eyJhbGciOiJS... | Yes |
lat | number | No | Sets the latitude for the initial map location. | 38.140312 | Yes |
lng | number | No | Sets the longitude for the initial map location. | 143.796523 | Yes |
width | %, px | Yes | Width of the map component | 100% | No |
zoom | string | No | The zoom level determines how much of the world is visible on a map. Min zoom level is 13 | 16 | No |
mode | string | No | Sets the mode for the map component. By default it is empty and all UI elements are available. To enable view-only mode set it to "view". | view | Yes |
property-boundary-color | string | No | Sets the color for the property boundary. The value must be a valid hex color. By default it is set to #e54bff. | #4cc0ba, #ff4000, #0080ff ... | Yes |