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"
embedfarmid="unique-farm-identifier"
farmname=""
clientid=""
address=""
lat=""
lng=""
enablesearchbar="true"
enablesavebtn="true"
jwttoken=""
>
</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 |
---|---|---|---|---|---|
height | px | Yes | Height of the map component | 400px | No |
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 |
embedfarmid | 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 |
farmname | string | No | Name of the farm. | Volk Remote Farm | Yes |
clientid | string | No | Client identifier associated with the farm. | VRM0001 | Yes |
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 |
lat | string | No | Sets the latitude for the initial map location. | 38.140312 | Yes |
lng | string | No | Sets the longitude for the initial map location. | 143.796523 | Yes |
enablesearchbar | string | No | Flag that enables or disables the embedded address bar. | false | Yes |
enablesavebtn | string | No | Enable/disable the save button on embed | true | Yes |
jwttoken | string | Yes | RS256 Json Web Token to verify the authenticity of the request. | eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9 .eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI 6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWUsIml hdCI6MTUxNjIzOTAyMn0.NHVaYe26MbtOYhS KkoKYdFVomg4i8ZJd8_-RU8VNbftc4TSMb4b XP3l3YlNWACwyXPGffz5aXHc6lty1Y2t4SWR qGteragsVdZufDn5BlnJl9pdR_kdVFUsra2r WKEofkZeIC4yWytE58sMIihvo9H1ScmmVwBc QP6XETqYd0aSHp1gOa9RdUPDvoXQ5oqygTqV txaDr6wUFKrKItgBMzWIdNZ6y7O9E0DhEPTb E9rfBo6KTFsHAZnMg4k68CDp2woYIaXbmYTW cvbzIuHO7_37GT79XdIwkm95QJ7hYC9RiwrV 7mesbY4PAahERJawntho0my942XheVLmGwLM BkQ | Yes |