#58 Better solution (CSS file)

Author: mh-xdev

vaadin-maps-leaflet-flow/src/main/java/software/xdev/vaadin/maps/leaflet/flow/LMap.java

@@ -32,6 +32,7 @@
 import com.vaadin.flow.component.HasSize;
 import com.vaadin.flow.component.HasStyle;
 import com.vaadin.flow.component.Tag;
+import com.vaadin.flow.component.dependency.CssImport;
 import com.vaadin.flow.component.dependency.JsModule;
 import com.vaadin.flow.component.dependency.NpmPackage;
 import com.vaadin.flow.shared.Registration;
@@ -47,6 +48,7 @@
 @NpmPackage(value = "leaflet", version = "^1.6.0")
 @Tag("leaflet-map")
 @JsModule("./leaflet/leafletCon.js")
+@CssImport(value = "./styles/LeafletMap.css")
 public class LMap extends Component implements HasSize, HasStyle
 {
 
@@ -66,7 +68,6 @@ public LMap(final double lat, final double lon, final int zoom)
 		super();
 		this.center = new LCenter(lat, lon, zoom);
 		this.setViewPoint(this.center);
-		this.getStyle().set("z-index", "1");
 	}
 
 	public LMap()

vaadin-maps-leaflet-flow/src/main/resources/META-INF/resources/frontend/styles/LeafletMap.css

@@ -0,0 +1,4 @@
+leaflet-map
+{
+	z-index: 1;
+}