Makin-Things / bom-radar-card

A rain radar card using the new tiled images from the Australian BOM
https://github.com/makin-things/bom-radar-card
MIT License
98 stars 9 forks source link

Map tiles not loading #7

Closed dcwilli closed 3 years ago

dcwilli commented 3 years ago

Checklist:

Release with the issue:

Last working release (if known):

Browser and Operating System: Chrome and Windows 10 Chrome and Windows 10, tried on edge, with the same results

Description of problem: The map is showing like a disjointed puzzle piece and I was wondering how to rectify it? image

Javascript errors shown in the web inspector (if applicable): image

BOM-WEATHER-CARD Version 0.85c
bom-radar-card.js:287 BOM-RADAR-CARD Version 1.2.14
leaflet.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) default_view:1 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://192.168.0.160:8123/static/fonts/roboto/Roboto-Bold.woff2

leaflet.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) chunk.e47a73c83c941745c8d4.js:160 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://192.168.0.160:8123/static/fonts/roboto/Roboto-Light.woff2

default_view:1 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://192.168.0.160:8123/static/fonts/roboto/Roboto-RegularItalic.woff2

2VM539 about:srcdoc:8 GET http://192.168.0.160:8123/local/community/bom-radar-card/leaflet.css net::ERR_ABORTED 404 (Not Found)



**Additional information:**

type: 'custom:bom-radar-card'
frame_count: 15
center_latitude: -27.544466653565152
center_longitude: 153.08784129084407
marker_latitude: -27.544466653565152
marker_longitude: 153.08784129084407
show_marker: true
show_range: true
show_zoom: true
show_recenter: true
show_playback: true
zoom_level: 10
frame_delay: 500
show_scale: true
map_style: satellite
static_map: true
show_radar_coverage: true
show_radar_location: true

![image](https://user-images.githubusercontent.com/55827604/102033504-5368c380-3e07-11eb-8290-c2d1955f45fb.png)
theOzzieRat commented 3 years ago

I have loaded your configuration and it is working perfectly. Did you use HACS or do a manual install?

dcwilli commented 3 years ago

I have loaded your configuration and it is working perfectly. Did you use HACS or do a manual install?

Hello, I used HACS

theOzzieRat commented 3 years ago

Ok. Just check that your www/community/bom-radar-card has all of these files. image

dcwilli commented 3 years ago

@theOzzieRat Looks like my leaflet.css is named "leaflet.css.css" I'll rename it, restart and check.

image

dcwilli commented 3 years ago

OK awesome, working now! @theOzzieRat Thank you for your help!

theOzzieRat commented 3 years ago

Thanks for the update and glad you got it working. I have no idea why that happened. I actually uninstalled and the installed it again and I am not getting that happening.

dcwilli commented 3 years ago

@theOzzieRat Yeah I'm not sure why either, it might have something to do with HACS. Again, thanks for your help! Awesome Frontend Integration!