Tiled jumbles my image?

Phaser 3
1

For some reason my tiled map yields this outcome:

image
image963×536 131 KB

Supposed to not look like that, obviously. Here’s my relevant code:

this.load.image(‘tiles’, ‘https://i.ibb.co/C19ZrFF/Coffee-Shop-Empty.jpg’)
var json2 = require(‘./take4.json’);
this.load.tilemapTiledJSON(‘map’, json2);
this.Map = this.add.tilemap(‘map’);
const ts = this.Map.addTilesetImage(‘coffeefloortileset’, ‘tiles’);
const layer = this.Map.createStaticLayer(‘Tile Layer 1’, ts);
const starter = this.Map.createStaticLayer(‘start’, ts);

Any ideas what’s up? Can include the json but its quite long and I double checked data: and it does not look like that. Yes I named it take4.json lol

Any help appreciated.

2

Why the ‘require’? And I take it, loads are in the preloader and the rest in create?

3

Correct.

require is just another way to do it that allows me to jump between commenting in and out game maps. Haven’t had a problem with it yet.

4

Upload the json as attachment?