Custom icons on map

You can change the default icons used as driver and store's pin in the map by setting "driverIcon" and "storeIcon" parameter.

Implementation



Available parameters

Parameter libParameter webDescription
driverIcondriverIconAllows you to custom the driver's icon on map
storeIconstoreIconAllows you to custom the store icon on map
destinationIcondestinationIconAllows you to custom the destination icon on map

Code

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/status.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        driverIcon: "driver-icon-url",
        storeIcon: "store-icon-url",
        destinationIcon: "destination-icon-url",
    }
    window.instaleap.status.render(params)
</script>
</html>
https://xandar-lsw-v3.instaleap.io/status?job=myJob&token=myToken&driverIcon=url&storeIcon=url&destinationIcon=url

Demo


🤓

NOTE: Please do not modify the Demo, this is a visual aid.