Infobus Bus Routes Widget

Example

How to use?

<div id="root"></div>
<link rel="stylesheet" href="https://bus-routes-widget.web-arts.cz/styles.css">
<script src="https://bus-routes-widget.web-arts.cz/bundle.js"></script>
<script>
    var myWidget = Infobus.default.widgets.BusRoutesWidget.new({ selector: "#root"});
    myWidget.render({
        locale: "ru", // Language Alpha2 code. Default: ru
        currency: "CZK", // Currency code. Default: CZK
        partnerId: "", // Partner ID
        dispatcherId: "", // Dispatcher ID
        orderData: { // If set order data then show detail order and payment page
            id: "", // Order ID
            securityCode: "", // Order security code
        },
        googleMapsApiKey: "", // Google API Key. Required.
        bookingRegulationsUrl: "", // Booking regulation URL.
        routesContainerProps: { // Anything HTML attributes for container routes.
            style: {
                maxHeight: '600px',
                overflow: 'auto',
            }
        },
        mainContainerProps: {} // Anything HTML attributes for main container.
    });
</script>