If you became a customer of the Syncfusion Reporting Platform or the Report Viewer, Report Designer, or Report Writer components before October 2019 and have questions related to those products, you can request support through our forum system. However, please note that this support system is only for existing customers who are still using the Syncfusion Reporting Platform or its components and not for new customers looking for reporting products from Syncfusion. For new customers or those with general reporting questions, we recommend contacting our support team at https://support.boldreports.com/ , which is a separate brand created by Syncfusion for its reporting solutions. Our team will be happy to assist you with any questions you may have. Thank you for choosing Syncfusion for your reporting needs.

Where is the sample code for this? - Example of Bus seat booking in React Maps Component

Ok, so I managed to find 'some' of the code:

(1) https://ej2.syncfusion.com/react/demos/#/bootstrap5/maps/seat-booking

(2) https://ej2.syncfusion.com/react/demos/maps/seat-booking/

(3) https://ej2.syncfusion.com/react/documentation/maps/getting-started/#installation-and-configuration

However, there are files missing.

Looking at the seat-booking.jsx file, you need to put the seat-selection.json file in the following directory:

'./src/maps/map-data/seat-selection.json'

However, there are other components that are missing and I don't know where they come from, namely:

import { updateSampleSection } from '../common/sample-base';

import { PropertyPane } from '../common/property-pane';

There is no common directory or associated components.

Also, the 'bus-icon' and 'wheel' icon are not in the following paths (which do NOT exist)

src="src/maps/images/bus-icon.png"

src="src/maps/images/wheel.png"

Surely someone from the Syncfusion team has the repo for this example? if so, where is it?

A swift reply would be nice!

This is the sample error output:

ERROR in ./src/seat-booking.jsx 10:0-60

Module not found: Error: You attempted to import ../common/sample-base which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

You can either move it inside src/, or add a symlink to it from project's node_modules/.

ERROR in ./src/seat-booking.jsx 11:0-55

Module not found: Error: You attempted to import ../common/property-pane which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

You can either move it inside src/, or add a symlink to it from project's node_modules/.

Hi John,

The provided link does not contain sample code. But the below sample demo link will have a source tab which contains the sample code as well as the JSON data.

https://ej2.syncfusion.com/react/demos/#/bootstrap5/maps/seat-booking

The complete source code of the application is available in the below link.

https://github.com/syncfusion/ej2-react-samples

The icons and the JSON files of the Maps sample are available in the below location.

https://github.com/syncfusion/ej2-react-samples/tree/master/src/maps/images

https://github.com/syncfusion/ej2-react-samples/tree/master/src/maps/map-data

Please let us know if you need further assistance.