Как переопределить CSS и JS при реализации карты Folium?Python

Программы на Python
Ответить Пред. темаСлед. тема
Anonymous
 Как переопределить CSS и JS при реализации карты Folium?

Сообщение Anonymous »

Все, что мне нужно, — это переопределить CSS моей карты Folium. Когда я переопределяю стили в своем шаблоне, они не отражаются на моей карте Folium. Однако когда я редактирую CSS в инструментах разработчика браузера, он работает. Я отредактировал CDN моей карты Folium (leaflet.css). Обратите внимание, что я не добавлял CDN листовки вручную в свой заголовок; Folium включает его автоматически.
Views.py — Создание индивидуальной карты Folium

Код: Выделить всё

from django.views import View
import folium

def create_map():
f = folium.Figure(width='100%', height='100%')

m = folium.Map(
location=[14.0000, 122.0000],
tiles='https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png',
attr='© [url=https://www.openstreetmap.org/copyright]OpenStreetMap[/url] contributors © [url=https://carto.com/attributions]CARTO[/url]',
zoom_start=6,
zoom_control=False,
scrollWheelZoom=True,
doubleClickZoom=False,
)
f.add_child(m)
return m
Отображение карты в шаблоне Django

Код: Выделить всё

class RegionalMalnutritionView(View):
template_name = "gis_app/malnutrition_view/regional_pages.html"

def get(self, request, *args, **kwargs):
context = {}

# Assuming 'coodinate_locations' is your GeoJSON data source
serializer = RegionalLevelGeoJSONSerializer(coodinate_locations, many=True)
geo_data = {
'type': 'FeatureCollection',
'features': serializer.data
}

folium_map = create_map()

for feature in geo_data['features']:
html_popup = generate_html_popup_malnutrition(feature)
folium.GeoJson(
geo_data,
highlight_function=highlight_function,
style_function=style_function,
popup=folium.Popup(html=html_popup, max_width=500),
tooltip=folium.features.GeoJsonTooltip(
fields=['name'],
aliases=['Region Name: '],
labels=True,
localize=True,
sticky=False,
style="""
background-color: #F0EFEF;
border-radius: 3px;
box-shadow: 3px;
padding: 20px;
"""
),
name='Regional Levels',
).add_to(folium_map)

context['folium_map'] = folium_map._repr_html_()

return render(request, self.template_name, context)

шаблоны

Код: Выделить всё

{{ folium_map|safe }}
"Я хочу переопределить CSS моей карты Folium.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ementation
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Python»