Django leaflet marker icon doesn't appear on Heroku

I have deployed my Django app to Heroku but when I want to fill the location field, the marker icon doesn't appear even though I have used whitenoise to serve the static files. It is working locally though. This is the image

Here's how I set my whitenoise

INSTALLED_APPS = [
    ...,
    'whitenoise.runserver_nostatic'
]

MIDDLEWARE = [
    ...,
    'whitenoise.middleware.WhiteNoiseMiddleware'
]

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR,'static')

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

MEDIA_ROOT = os.path.join(BASE_DIR,'media')

MEDIA_URL = '/media/'

Have you been through this section of the django heroku tutorials?

https://devcenter.heroku.com/articles/django-app-configuration

You need to specify certain files so that heroku automatically tried to collectstatic files

Back to Top