Skip to main content

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.

PropertyTypeRequiredDescriptionExampleReactive
heightpxYesHeight of the map component400pxNo
width%, pxYesWidth of the map component100%No
zoomstringNoThe zoom level determines how much of the world is visible on a map. Min zoom level is 1316No
embedfarmidstringNoUnique 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 farmc96ad9cf-bf5b-468d-8e83-2636fab006fcYes
farmnamestringNoName of the farm.Volk Remote FarmYes
clientidstringNoClient identifier associated with the farm.VRM0001Yes
addressstringNoSets 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 3241Yes
latstringNoSets the latitude for the initial map location.38.140312Yes
lngstringNoSets the longitude for the initial map location.143.796523Yes
enablesearchbarstringNoFlag that enables or disables the embedded address bar.falseYes
enablesavebtnstringNoEnable/disable the save button on embedtrueYes
jwttokenstringYesRS256 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