I made a html canvas example of an infinite scrolling map with objects in static places. As you can see in the Fiddle below, when you move left with the Arrow Keys, you can see that the map does not show the other ends tiles and the objects do not appear either.
After the position is changed to the opposite edge of the map, the tiles appear and the object from that side of the map appears.
I made this Fiddle by modifying another Fiddle but it gets my point across. https://jsfiddle.net/n8d5kbau/
Is there any way to duplicate the one edge of the map or am I approaching this the right way? I have been searching for this all over the place, finally deciding to ask here.
Thanks in advance.