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>