Missing Tiles

[synecdocheNORTH]

Hi,

Does anyone have any ideas why the tiles are not fully loading? See screenshot below.

I'm using Bootstrap, but I cannot see where any conflicts are coming from. I've also added my Mapbox API key to my .env file. Using Google works OK but I need multiple instances of the map so I need to use the Leaflet option.

[LarsWiegers]

Hi! thx for creating the issue.

Without code + console screenshots it is going to be hard to diagnose what is going on. So pls share your code + what is happening in the console.

[synecdocheNORTH]

Hi,

Thanks for the response. I am sure it is an issue my side for sure! It's excellent other than this issue I'm having

There's no related console errors. Additionally, I'm using very little custom CSS, when I remove the issue is the same. It feels like the right hand side of the map canvas isn't loading. I can pull what appears to the other side if that makes sense.

@foreach ($entry->tasks as $task) <x-maps-leaflet id="marker{{ $task->id }}" class="h-100 w-100" :centerPoint="[ 'lat' => $task->address_latitude, 'long' => $task->address_longitude, ]" :markers="[ [ 'lat' => $task->address_latitude, 'long' => $task->address_longitude, ], ]" :zoomLevel="15"> </x-maps-leaflet> @endforeach

[LarsWiegers]

We split the marker array up to create an array of markers, can you remove the last , from this: $task->address_longitude, ], ]" and try again?

Can you also share a screenshot of the network tab?

Also if you want to use mapbox you need to add tileHost="mapbox" to the component.

[synecdocheNORTH]

Thanks,

I have set the tileHost and remove the comma. Same result unfortunately.

Network tab:

[synecdocheNORTH]

Hi,

Actually the network tab has come up with the following:

[synecdocheNORTH]

[LarsWiegers]

very weird, almost seems like it would be a bug with leaflet then. going to need to think about this for a bit.

[synecdocheNORTH]

Ok, thank you for your efforts thus far. They're appreciated.

[ryangurn]

I am having a similar issue and it appears that it could be caused by the lack of dimensions being provided to the tile layer. I am not entirely sure how to address this but ill continue doing some research.

[LarsWiegers]

@synecdocheNORTH can you setup a repo that is able to reproduce this? that way we can better test what is going on

[LarsWiegers]

Closing as @synecdocheNORTH did not respond. feel free to reopen with a reproducable repo