Custom icons on map

Parameters to change the map icon.

You can change the default icons used as the store, driver and destination on the map by setting the "driverIcon ‘, ’destinationIcon ‘ and ’storeIcon ” parameters.

Specific configuration 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

Usage Example

Example:


Consider the following example:

<!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

You will see the following content: