Cannot use map v2

[AlexNathan345]

Hi,

the map V1 works fine and as expected. However, when I try to switch to map v2 (either in settings or by changing the url it doesn't load the map. Navigation is there, map settings as well just no actual map. Reloading, different browser - v2 simply doesn't display a map.

Any idea what's going on here and how I can fix it?

Thanks for your help,
Alex

[Freika]

Please provide logs at least from browser console

[AlexNathan345]

Log from the container:

15:40:12 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:12 web.1 | Rendering layout layouts/map.html.erb
15:40:12 web.1 | Rendering map/maplibre/index.html.erb within layouts/map
15:40:12 web.1 | Tag Load (13.0ms) SELECT "tags".* FROM "tags" WHERE "tags"."user_id" = $1 ORDER BY "tags"."name" ASC [["user_id", 1]]
15:40:12 web.1 | ↳ app/views/map/maplibre/_settings_panel.html.erb:229
15:40:12 web.1 | CACHE Tag Load (0.0ms) SELECT "tags".* FROM "tags" WHERE "tags"."user_id" = $1 ORDER BY "tags"."name" ASC [["user_id", 1]]
15:40:12 web.1 | ↳ app/views/shared/_place_creation_modal.html.erb:44
15:40:12 web.1 | Family::Membership Load (3.3ms) SELECT "family_memberships".* FROM "family_memberships" WHERE "family_memberships"."user_id" = $1 LIMIT $2 [["user_id", 1], ["LIMIT", 1]]
15:40:12 web.1 | ↳ app/models/concerns/user_family.rb:17:in 'UserFamily#in_family?'
15:40:12 web.1 | Notification Load (5.2ms) SELECT "notifications".* FROM "notifications" WHERE "notifications"."user_id" = $1 AND "notifications"."read_at" IS NULL ORDER BY "notifications"."created_at" DESC [["user_id", 1]]
15:40:12 web.1 | ↳ app/views/shared/_navbar.html.erb:130
15:40:12 web.1 | {"method":"GET","path":"/map/v2","format":"html","controller":"Map::MaplibreController","action":"index","status":200,"allocations":115812,"duration":224.39,"view":180.05,"db":28.54}
15:40:12 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"PointsChannel","action":"unsubscribe","status":200,"allocations":34,"duration":1.69}
15:40:12 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"NotificationsChannel","action":"unsubscribe","status":200,"allocations":34,"duration":0.31}
15:40:12 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"TracksChannel","action":"unsubscribe","status":200,"allocations":34,"duration":0.45}
15:40:12 web.1 | {"method":null,"path":null,"format":null,"params":{},"controller":"ApplicationCable::Connection","action":"disconnect","status":200,"allocations":241,"duration":3.45}
15:40:14 web.1 | User Load (0.7ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:14 web.1 | ↳ app/channels/application_cable/connection.rb:14:in 'ApplicationCable::Connection#find_verified_user'
15:40:14 web.1 | {"method":null,"path":null,"format":null,"params":{},"controller":"ApplicationCable::Connection","action":"connect","status":200,"allocations":1033,"duration":5.72}
15:40:14 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"NotificationsChannel","action":"subscribe","status":200,"allocations":103,"duration":0.3}
15:40:14 web.1 |
15:40:14 web.1 | ActionController::RoutingError (No route matches [GET] "/site.webmanifest"):
15:40:14 web.1 |
15:40:14 web.1 | User Load (0.8ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:14 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:14 web.1 | User Load (8.1ms) SELECT "users".* FROM "users" WHERE "users"."api_key" = $1 LIMIT $2 [["api_key", "[FILTERED]"], ["LIMIT", 1]]
15:40:14 web.1 | ↳ app/controllers/api_controller.rb:36:in 'ApiController#current_api_user'
15:40:14 web.1 | {"method":"GET","path":"/api/v1/settings","format":"/","controller":"Api::V1::SettingsController","action":"index","status":200,"allocations":2169,"duration":13.43,"view":0.14,"db":8.85}
15:40:14 web.1 | User Load (0.5ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:14 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:14 web.1 |
15:40:14 web.1 | ActionController::RoutingError (No route matches [GET] "/maps_maplibre/styles/dark.json"):
15:40:14 web.1 |
15:40:14 web.1 | User Load (0.6ms) SELECT "users".* FROM "users" WHERE "users"."api_key" = $1 LIMIT $2 [["api_key", "[FILTERED]"], ["LIMIT", 1]]
15:40:14 web.1 | ↳ app/controllers/api_controller.rb:36:in 'ApiController#current_api_user'
15:40:14 web.1 | {"method":"GET","path":"/api/v1/settings/transportation_recalculation_status","format":"/","controller":"Api::V1::SettingsController","action":"transportation_recalculation_status","status":200,"allocations":2133,"duration":5.26,"view":0.12,"db":1.01}
15:40:15 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"PointsChannel","action":"subscribe","status":200,"allocations":103,"duration":0.5}
15:40:15 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"TracksChannel","action":"subscribe","status":200,"allocations":103,"duration":0.35}
15:40:15 web.1 |
15:40:15 web.1 | ActionController::RoutingError (No route matches [GET] "/maps_maplibre/styles/light.json"):
15:40:15 web.1 |
15:40:34 web.1 | User Load (0.4ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:34 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:34 web.1 | Rendering layout layouts/map.html.erb
15:40:34 web.1 | Rendering map/maplibre/index.html.erb within layouts/map
15:40:34 web.1 | Tag Load (1.7ms) SELECT "tags".* FROM "tags" WHERE "tags"."user_id" = $1 ORDER BY "tags"."name" ASC [["user_id", 1]]
15:40:34 web.1 | ↳ app/views/map/maplibre/_settings_panel.html.erb:229
15:40:34 web.1 | CACHE Tag Load (0.0ms) SELECT "tags".* FROM "tags" WHERE "tags"."user_id" = $1 ORDER BY "tags"."name" ASC [["user_id", 1]]
15:40:34 web.1 | ↳ app/views/shared/_place_creation_modal.html.erb:44
15:40:34 web.1 | Family::Membership Load (1.2ms) SELECT "family_memberships".* FROM "family_memberships" WHERE "family_memberships"."user_id" = $1 LIMIT $2 [["user_id", 1], ["LIMIT", 1]]
15:40:34 web.1 | ↳ app/models/concerns/user_family.rb:17:in 'UserFamily#in_family?'
15:40:34 web.1 | Notification Load (2.1ms) SELECT "notifications".* FROM "notifications" WHERE "notifications"."user_id" = $1 AND "notifications"."read_at" IS NULL ORDER BY "notifications"."created_at" DESC [["user_id", 1]]
15:40:34 web.1 | ↳ app/views/shared/_navbar.html.erb:130
15:40:34 web.1 | {"method":"GET","path":"/map/v2","format":"html","controller":"Map::MaplibreController","action":"index","status":200,"allocations":115613,"duration":96.26,"view":87.17,"db":5.7}
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"NotificationsChannel","action":"unsubscribe","status":200,"allocations":34,"duration":0.18}
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"PointsChannel","action":"unsubscribe","status":200,"allocations":34,"duration":0.11}
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"TracksChannel","action":"unsubscribe","status":200,"allocations":34,"duration":0.1}
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":{},"controller":"ApplicationCable::Connection","action":"disconnect","status":200,"allocations":223,"duration":0.91}
15:40:34 web.1 | User Load (0.6ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:34 web.1 | ↳ app/channels/application_cable/connection.rb:14:in 'ApplicationCable::Connection#find_verified_user'
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":{},"controller":"ApplicationCable::Connection","action":"connect","status":200,"allocations":1073,"duration":2.78}
15:40:34 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"NotificationsChannel","action":"subscribe","status":200,"allocations":102,"duration":0.63}
15:40:34 web.1 |
15:40:34 web.1 | ActionController::RoutingError (No route matches [GET] "/site.webmanifest"):
15:40:34 web.1 |
15:40:34 web.1 | User Load (0.6ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:34 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:34 web.1 | User Load (3.0ms) SELECT "users".* FROM "users" WHERE "users"."api_key" = $1 LIMIT $2 [["api_key", "[FILTERED]"], ["LIMIT", 1]]
15:40:34 web.1 | ↳ app/controllers/api_controller.rb:36:in 'ApiController#current_api_user'
15:40:34 web.1 | {"method":"GET","path":"/api/v1/settings","format":"/","controller":"Api::V1::SettingsController","action":"index","status":200,"allocations":2175,"duration":13.68,"view":0.49,"db":3.55}
15:40:34 web.1 |
15:40:34 web.1 | ActionController::RoutingError (No route matches [GET] "/maps_maplibre/styles/dark.json"):
15:40:34 web.1 |
15:40:35 web.1 | User Load (0.9ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
15:40:35 web.1 | ↳ app/controllers/application_controller.rb:13:in 'ApplicationController#unread_notifications'
15:40:35 web.1 | User Load (2.0ms) SELECT "users".* FROM "users" WHERE "users"."api_key" = $1 LIMIT $2 [["api_key", "[FILTERED]"], ["LIMIT", 1]]
15:40:35 web.1 | ↳ app/controllers/api_controller.rb:36:in 'ApiController#current_api_user'
15:40:35 web.1 | {"method":"GET","path":"/api/v1/settings/transportation_recalculation_status","format":"/","controller":"Api::V1::SettingsController","action":"transportation_recalculation_status","status":200,"allocations":10613,"duration":14.53,"view":0.09,"db":2.93}
15:40:35 web.1 |
15:40:35 web.1 | ActionController::RoutingError (No route matches [GET] "/maps_maplibre/styles/light.json"):
15:40:35 web.1 |
15:40:35 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"PointsChannel","action":"subscribe","status":200,"allocations":102,"duration":0.48}
15:40:35 web.1 | {"method":null,"path":null,"format":null,"params":null,"controller":"TracksChannel","action":"subscribe","status":200,"allocations":118,"duration":0.84}

[Freika]

Logs from the browser console would be actually more useful in this case :)

[AlexNathan345]

Chrome console log:

rails-ujs-7910fbc642fb718c5e4cfb389a32582be19f6d5dc242d30a330fd0552b0030a8.js:565 Uncaught Error: rails-ujs has already been loaded!
at Object.start (rails-ujs-7910fbc642fb718c5e4cfb389a32582be19f6d5dc242d30a330fd0552b0030a8.js:565:13)
at application-1f97ab1cc22cdc5a42fe5224cec495bc5d3eb551e2fdd291a391a58b2dd7ef9f.js:17:7
start @ rails-ujs-7910fbc642fb718c5e4cfb389a32582be19f6d5dc242d30a330fd0552b0030a8.js:565
(anonymous) @ application-1f97ab1cc22cdc5a42fe5224cec495bc5d3eb551e2fdd291a391a58b2dd7ef9f.js:17
area_creation_v2_controller-50580d94488f54cb18b6c4b037168dba73f088f26459dcf181e392ed87232e90.js:28 [Area Creation V2] Controller connected
map_panel_controller-f29a2238565c3d681477bef7c7d0f5ea38e1cbafbebe8cbd83db402b580d3652.js:20 [Map Panel] Connected
visit_creation_v2_controller-1a7f10e4be1b06d534eda9d1faf64a041152dae24984004cf1fab499cb9b5b5e.js:25 [Visit Creation V2] Controller connected
maplibre_realtime_controller-caaf6d276d082d0e0bb5f4ab22fa6213656057b7b563d04fec1f1f677bc9a19b.js:19 [Realtime Controller] Connecting...
/site.webmanifest:1 GET https://xxx/site.webmanifest 404 (Not Found)
v2:1 Manifest fetch from https://xxx/site.webmanifest failed, code 404
style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:34 GET https://xxx/maps_maplibre/styles/dark.json 404 (Not Found)
loadStyleFile @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:34
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:71 Error loading style 'dark': Error: Failed to load style: dark (404)
at loadStyleFile (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:36:11)
at async getMapStyle (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52:19)
at async MapInitializer.initialize (map_initializer:23:19)
at async t.initializeMap (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200:16)
at async t.connect (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146:5)
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:71
await in getMapStyle
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:74 Falling back to 'light' style
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:74
await in getMapStyle
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:34 GET https://xxx/maps_maplibre/styles/light.json 404 (Not Found)
loadStyleFile @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:34
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:75
await in getMapStyle
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:71 Error loading style 'light': Error: Failed to load style: light (404)
at loadStyleFile (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:36:11)
at async getMapStyle (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52:19)
at async MapInitializer.initialize (map_initializer:23:19)
at async t.initializeMap (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200:16)
at async t.connect (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146:5)
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:71
await in getMapStyle
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:75
await in getMapStyle
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
maplibre_realtime_controller-caaf6d276d082d0e0bb5f4ab22fa6213656057b7b563d04fec1f1f677bc9a19b.js:65 [Realtime Controller] Setting up channels...
map_channel-509e0d713f8d340271ec101893ec5ec755392039168ee1630cd6a2dd9c903193.js:17 [MapChannel] Creating channels with enableLiveMode: true
maplibre_realtime_controller-caaf6d276d082d0e0bb5f4ab22fa6213656057b7b563d04fec1f1f677bc9a19b.js:72 [Realtime Controller] Channels setup complete
maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:186 Uncaught (in promise) Error: Failed to load style: light (404)
at loadStyleFile (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:36:11)
at async getMapStyle (style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52:19)
at async MapInitializer.initialize (map_initializer:23:19)
at async t.initializeMap (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200:16)
at async t.connect (maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146:5)
loadStyleFile @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:36
await in loadStyleFile
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:52
getMapStyle @ style_manager-a94592803ae226fe16837645acb1cf9b2b023d7fc85ff74b069e45f3526d1332.js:75
await in getMapStyle
initialize @ map_initializer:23
initializeMap @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:200
connect @ maplibre_controller-6a57e01f54ce311fea787877323e86b1d85c4ae7c65e553d66bd0482a5f7361e.js:146
await in connect
connect @ controller.ts:28
connectContextForScope @ controller.ts:28
(anonymous) @ controller.ts:28
connectModule @ controller.ts:28
loadDefinition @ controller.ts:28
(anonymous) @ controller.ts:28
load @ controller.ts:28
register @ controller.ts:28
registerController @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:81
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
Promise.then
registerControllerFromPath @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:25
(anonymous) @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
eagerLoadControllersFrom @ stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:9
(anonymous) @ index-281c86b7ad1612bd967760cbd501c66fe8bda0dff0c11ef4b93cd940f3c1956b.js:5
map_channel-509e0d713f8d340271ec101893ec5ec755392039168ee1630cd6a2dd9c903193.js:63 PointsChannel connected
map_channel-509e0d713f8d340271ec101893ec5ec755392039168ee1630cd6a2dd9c903193.js:94 TracksChannel connected

[Freika]

Is anonymous chrome producing the same result? I couldn't reproduce it

[AlexNathan345]

Chrome Incognito Mode also doesn't show a map and this is the log:

[IeP4nieF]

I can confirm this. Using mullvad (linux) for me map V1 was not visible for around two weeks now. (Don't know exactly, when it starts.) Today both maps are not showing. This happenend with 1.0.1 and is the same after upgrading to 1.0.4. It happens with chromium, firefox and mullvad.

In case of this helps: The preview is shown on the maps-Setting page (see attachment). But it always looks like this. It doesn't make a difference if I switch to v1 or v2.

@Freika: Let me know if I could help debugging this and keep up the awesome work. Thanks a lot!

[Sauws]

Hi,

the map V1 works fine and as expected. However, when I try to switch to map v2 (either in settings or by changing the url it doesn't load the map. Navigation is there, map settings as well just no actual map. Reloading, different browser - v2 simply doesn't display a map.

Any idea what's going on here and how I can fix it?

Thanks for your help, Alex

I had the same issue, V1 worked, V2 was empty. I fixed it by turning WEBGL manually on in the browser. WebGL was disabled, after restarting the browser the V2 map now works (and is indeed 100 times better then the V1 map).

[IeP4nieF]

Thanks for the hint, but for me this does not help. I switched on webgl in librewolf, but still both maps are not visible.

In mullvadbrowser and chromium there is no single switch for webgl. But according to https://webglsamples.org/ it is obviously enabled. And in this two browsers there is also no map visible.

[AlexNathan345]

WebGL is enabled in all my browsers but map v2 still doesn't work...

[sirwzl]

I got the same problem, I have no map visuals anymore. Also found this in the network developer tools:

[IeP4nieF]

The problem still exists with the 1.1.0-release. Again in every browser (also on Android).

Additionally to the post of sirwzl I get in the debug console:

Failed to register controller: maps--maplibre (controllers/maps/maplibre_controller) SyntaxError: The requested module 'https://<url>/assets/maps_maplibre/utils/geojson_transformers-a629059c4923ed937913ac7df9eb160c3fd48592ffa5ecbdda1bf3ee7e6a06ea.js' doesn't provide an export named: 'formatTimeOnly'
    registerControllerFromPath https://<url>/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:26
Laden des Moduls von "https://<url>/assets/maps/tile_monitor" wurde auf Grund eines nicht freigegebenen MIME-Typs ("text/html") blockiert.
Failed to register controller: maps (controllers/maps_controller) TypeError: error loading dynamically imported module: https://<url>/assets/controllers/maps_controller-f88eed03f69157f6e588195bea1234b640605c38d9639e5dbfacd6256b48e273.js
    registerControllerFromPath https://<url>/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:26

The meaning of the text in German is:

Loading module from "https://<url>/assets/maps/tile_monitor" was blocked because of a disallowed MIME type ("text/html").

For me this looks like the problem causing no maps to be displayed. Any ideas?

[Freika]

@IeP4nieF how are you running the app, what platform? Please provide as many details as possible

[IeP4nieF]

Ok, here we go. Please ask, if I forget something.

I'm using podman-compose with a compose file based on the provided docker-compose.yml on a Debian Trixie system. The podman-container is running inside an lxc. compose.yaml:

services:
  dawarich_redis:
    image: redis:7.4-alpine
    container_name: dawarich_redis
    command: redis-server
    networks:
      - dawarich
    volumes:
      - dawarich_shared:/data
    restart: always
    healthcheck:
      test: [ "CMD", "redis-cli", "--raw", "incr", "ping" ]
      interval: 10s
      retries: 5
      start_period: 30s
      timeout: 10s

  dawarich_app:
    image: freikin/dawarich:latest
    container_name: dawarich_app
    volumes:
      - ./dawarich_public:/var/app/public
      - ./dawarich_watched:/var/app/tmp/imports/watched
      - ./dawarich_storage:/var/app/storage
      - ./dawarich_db_data:/dawarich_db_data
      - ./certs/ca_root.crt:/usr/local/share/ca-certificates/ca_root.crt:ro
      - ./entrypoints/web-entrypoint.sh:/usr/local/bin/web-entrypoint.sh:ro
    networks:
      - dawarich
      - npm
    #ports:                                                                                                    
    #  - "${DAWARICH_APP_PORT:-3000}:3000"                                                                     
    #  # - "${PROMETHEUS_PORT:-9394}:9394" # Prometheus exporter, uncomment if needed                          
    stdin_open: true
    tty: true
    entrypoint: web-entrypoint.sh
    command: ['bin/rails', 'server', '-p', '3000', '-b', '::']
    restart: always
    environment:
      RAILS_ENV: ${RAILS_ENV:-development}
      REDIS_URL: ${REDIS_URL:-redis://dawarich_redis:6379}
      DATABASE_HOST: ${DATABASE_HOST:-dawarich_db}
      DATABASE_PORT: ${DATABASE_PORT:-5432}
      DATABASE_USERNAME: ${DATABASE_USERNAME:-postgres}
      DATABASE_PASSWORD: ${DATABASE_PASSWORD:-password}
      DATABASE_NAME: ${DATABASE_NAME:-dawarich_development}
      MIN_MINUTES_SPENT_IN_CITY: ${MIN_MINUTES_SPENT_IN_CITY:-60}
      APPLICATION_HOSTS: ${APPLICATION_HOSTS:-localhost,::1,127.0.0.1}
      TIME_ZONE: ${TIME_ZONE:-Europe/London}
      APPLICATION_PROTOCOL: ${APPLICATION_PROTOCOL:-http}
      PHOTON_API_HOST: local-photon-host
      PHOTON_API_USE_HTTPS: "true"
      PROMETHEUS_EXPORTER_ENABLED: ${PROMETHEUS_EXPORTER_ENABLED:-false}
      PROMETHEUS_EXPORTER_HOST: ${PROMETHEUS_EXPORTER_HOST:-0.0.0.0}
      PROMETHEUS_EXPORTER_PORT: ${PROMETHEUS_EXPORTER_PORT:-9394}
      SECRET_KEY_BASE: ${SECRET_KEY_BASE:-"CHANGE_ME"}
      RAILS_LOG_TO_STDOUT: ${RAILS_LOG_TO_STDOUT:-true}
      SELF_HOSTED: ${SELF_HOSTED:-true}
      STORE_GEODATA: ${STORE_GEODATA:-true}
    logging:
      driver: "json-file"
      options:
        max-size: ${LOG_MAX_SIZE:-100m}
        max-file: ${LOG_MAX_FILE:-5}
    healthcheck:
      test: [ "CMD-SHELL", "wget -qO - http://127.0.0.1:3000/api/v1/health | grep -q '\"status\"\\s*:\\s*\"ok\\
"'" ]
      interval: 10s
      retries: 30
      start_period: 30s
      timeout: 10s
    depends_on:
      dawarich_redis:
        condition: service_healthy
        restart: true
    deploy:
      resources:
        limits:
          cpus: ${APP_CPU_LIMIT:-0.50}
          memory: ${APP_MEMORY_LIMIT:-4G}

  dawarich_sidekiq:
    image: freikin/dawarich:latest
    container_name: dawarich_sidekiq
    volumes:
      - ./dawarich_public:/var/app/public
      - ./dawarich_watched:/var/app/tmp/imports/watched
      - ./dawarich_storage:/var/app/storage
      - ./certs/ca-root.crt:/usr/local/share/ca-certificates/ca-root.crt:ro
      - ./entrypoints/sidekiq-entrypoint.sh:/usr/local/bin/sidekiq-entrypoint.sh:ro
    networks:
      - dawarich
    stdin_open: true
    tty: true
    entrypoint: sidekiq-entrypoint.sh
    command: ['sidekiq']
    restart: always
    environment:
      RAILS_ENV: ${RAILS_ENV:-development}
      REDIS_URL: ${REDIS_URL:-redis://dawarich_redis:6379}
      DATABASE_HOST: ${DATABASE_HOST:-dawarich_db}
      DATABASE_PORT: ${DATABASE_PORT:-5432}
      DATABASE_USERNAME: ${DATABASE_USERNAME:-postgres}
      DATABASE_PASSWORD: ${DATABASE_PASSWORD:-password}
      DATABASE_NAME: ${DATABASE_NAME:-dawarich_development}
      APPLICATION_HOSTS: ${APPLICATION_HOSTS:-localhost,::1,127.0.0.1}
      BACKGROUND_PROCESSING_CONCURRENCY: ${BACKGROUND_PROCESSING_CONCURRENCY:-10}
      APPLICATION_PROTOCOL: ${APPLICATION_PROTOCOL:-http}
      PHOTON_API_HOST: local-photon-host
      PHOTON_API_USE_HTTPS: "true"
      PROMETHEUS_EXPORTER_ENABLED: ${PROMETHEUS_EXPORTER_ENABLED:-false}
      PROMETHEUS_EXPORTER_HOST: ${PROMETHEUS_EXPORTER_HOST_SIDEKIQ:-dawarich_app}
      PROMETHEUS_EXPORTER_PORT: ${PROMETHEUS_EXPORTER_PORT:-9394}
      SECRET_KEY_BASE: ${SECRET_KEY_BASE:-"CHANGE_ME"}
      RAILS_LOG_TO_STDOUT: ${RAILS_LOG_TO_STDOUT:-true}
      SELF_HOSTED: ${SELF_HOSTED:-true}
      STORE_GEODATA: ${STORE_GEODATA:-true}
    logging:
      driver: "json-file"
      options:
        max-size: ${LOG_MAX_SIZE:-100m}
        max-file: ${LOG_MAX_FILE:-5}
    healthcheck:
      test: [ "CMD-SHELL", "pgrep -f sidekiq" ]
      interval: 10s
      retries: 30
      start_period: 30s
      timeout: 10s
    depends_on:
      dawarich_redis:
        condition: service_healthy
        restart: true
      dawarich_app:
        condition: service_healthy
        restart: true

volumes:
  dawarich_db_data:
  dawarich_shared:
  dawarich_public:
  dawarich_watched:
  dawarich_storage:

networks:
  dawarich:
    name: dawarich
  npm:
    external: true

As you can see, I'm using another postgres-host (postgis enabled) and not the docker container. In front of this runs "NginxProxyManager" with websockets enabled. The extra volume (cert and entrypoint) is used to get a root certificate into the container and run /usr/sbin/update-ca-certificates. BTW: Could /usr/sbin/update-ca-certificates added to the two entrypoints-files, as suggested?

Here the content of .env:

RAILS_ENV=development
POSTGRES_USER=<user>
POSTGRES_PASSWORD=<password>
POSTGRES_DB=<db-name>
DATABASE_HOST=<db-host>
DATABASE_PORT=5432
DATABASE_USERNAME=<username>
DATABASE_PASSWORD=<password>
DATABASE_NAME=<db-name>
REDIS_URL=redis://dawarich_redis:6379
DAWARICH_APP_PORT=3000
APPLICATION_HOSTS=<dawarich-host-name>
APPLICATION_PROTOCOL=http
TIME_ZONE=<time-zone>
MIN_MINUTES_SPENT_IN_CITY=60
SELF_HOSTED=true
STORE_GEODATA=false
STORAGE_BACKEND=local
SECRET_KEY_BASE=<security-key>
BACKGROUND_PROCESSING_CONCURRENCY=10
PROMETHEUS_EXPORTER_ENABLED=false
PROMETHEUS_EXPORTER_HOST=0.0.0.0
PROMETHEUS_EXPORTER_PORT=9394
PROMETHEUS_EXPORTER_HOST_SIDEKIQ=dawarich_app
RAILS_LOG_TO_STDOUT=true
LOG_MAX_SIZE=100m
LOG_MAX_FILE=5
APP_CPU_LIMIT=1
APP_MEMORY_LIMIT=4G

Hopefully this is every information needed.

[dvdbeattie]

I can confirm, on my computer... I didn't know anything about WebGL previously, but now I know that my Chrome browser is running with GPU acceleration turned off, and thus WebGL unavailable, and when I try to use Maps v2, I'm getting the following errors in the web console:

maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7 Uncaught (in promise) Error: {"requestedAttributes":{"antialias":false,"preserveDrawingBuffer":false,"powerPreference":"high-performance","failIfMajorPerformanceCaveat":false,"desynchronized":false,"alpha":true,"depth":true,"stencil":true,"premultipliedAlpha":true},"statusMessage":"Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Disabled, GL_RENDERER = Disabled, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x0000, ErrorMessage = BindToCurrentSequence failed: .","type":"webglcontextcreationerror","message":"Failed to initialize WebGL"}
at s.Map._setupPainter (maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7:992296)
at new s.Map (maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7:972379)
at MapInitializer.initialize (map_initializer:33:17)
at async t.initializeMap (maplibre_controller-d0015290f53b57f60d2c2a33cf809f9014de877e81a951c9520c07e9fa876aba.js:257:16)
at async t.connect (maplibre_controller-d0015290f53b57f60d2c2a33cf809f9014de877e81a951c9520c07e9fa876aba.js:170:5)

maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7 Uncaught (in promise) Error: {"requestedAttributes":{"antialias":false,"preserveDrawingBuffer":false,"powerPreference":"high-performance","failIfMajorPerformanceCaveat":false,"desynchronized":false,"alpha":true,"depth":true,"stencil":true,"premultipliedAlpha":true},"statusMessage":"Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Disabled, GL_RENDERER = Disabled, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x0000, ErrorMessage = BindToCurrentSequence failed: .","type":"webglcontextcreationerror","message":"Failed to initialize WebGL"}
at s.Map._setupPainter (maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7:992296)
at new s.Map (maplibre-gl-249b40f2211bc6ca86a78aa5d3b2c708dd4c13f9587924206f6ed07cb6b4550b.js:7:972379)
at MapInitializer.initialize (map_initializer:33:17)
at async t.initializeMap (maplibre_controller-d0015290f53b57f60d2c2a33cf809f9014de877e81a951c9520c07e9fa876aba.js:257:16)
at async t.connect (maplibre_controller-d0015290f53b57f60d2c2a33cf809f9014de877e81a951c9520c07e9fa876aba.js:170:5)

Looks like there needs to be an error handler which at minimum displays an error (without using WebGL) if WebGL cannot be initialized, rather than failing silently.

UPDATE: after troubleshooting my Google Chrome browser to get WebGL working, now I can use Map v2. Obviously, I found the answer via this "open issue", and fixed it on my end, but an actual error message would obviously be more user friendly.