Custom icons on map

Parameters to change the map icon.

Below we have a screenshot of what the feature looks like:


Implementation



Available parameters

Parameter webParameter libDescription
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/map.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.map.render(params)
</script>
</html>
https://xandar-lsw-v3.instaleap.io/map?job=myJoB&token=myToken&driverIcon=driver-icon-url&storeIcon=store-icon-url&destinationIcon=destination-icon-url

Demo


🤓

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