I’m building a pcf control to display Google Map with three location markers A, B, C and trace best route to go from A to C with B as a waypoint, also applies some custom style to markers and route lines. I’m using Google Maps JavaScript API and React. The control works perfectly in the test harness and in model driven apps, but when try to use it in canvas app, it doesn’t show right the map, neither the location markers, nor the route. I let some screenshots of the control.

I have one table named InvoiceLines in SQL Server which has the following records.