0
288
Views¿Cómo puedo agregar HTML personalizado a pyqtlet?
Mi problema real es mucho más específico, pero creo que una respuesta más general me ayudará a hacer frente a las necesidades futuras.
De hecho, necesito habilitar el complemento leaflet-extras de folletos para el leaflet subyacente pyqtlet .
La documentación dice:
Descargue leaflet-providers.js e inclúyalo en su página después de incluir Leaflet, por ejemplo:
<head> ... <script src="http://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <script src="js/leaflet-providers.js"></script> </head>y entonces:
// add Stamen Watercolor to map. L.tileLayer.provider('Stamen.Watercolor').addTo(map); Por supuesto, todo esto se basa en el supuesto de que está escribiendo una aplicación de JavaScript mientras estoy en el entorno pyqtlet .
Traté de hacer frente de una manera muy fea:
- descargué leaflet
leaflet-providers.jsa mivenv/lib/python3.8/site-packages/pyqtlet/web/modules - agregué la línea
<script src="modules/leaflet-providers.js"></script>a mivenv/lib/python3.8/site-packages/pyqtlet/web/map.html - usó
self.map.runJavaScript("L.tileLayer.provider('Stamen.Watercolor'). addTo(map)")para activar eltileLayerdeseado
Esto realmente funciona , pero estoy seguro de que hay una forma más limpia de lograr lo mismo.
Cualquier pista bienvenida.
1 answers
Answer question0
Una solución trivial es leer el .js y ejecutarlo:
with open("/path/of/leaflet-providers.js") as f: self.map.runJavaScript(f.read()) self.map.runJavaScript("L.tileLayer.provider('Stamen.Watercolor'). addTo(map)")Otra opción similar es usar document.createElement:
with open("/path/of/leaflet-providers.js") as f: code = f.read() SCRIPT = """ const script = document.createElement('script'); script.type = 'text/javascript'; document.head.appendChild(script); script.text = `%s`; """ % ( code, ) self.map.runJavaScript(SCRIPT) self.map.runJavaScript( "L.tileLayer.provider('Stamen.Watercolor'). addTo(map)" ) 