feat(ui-osm): get add Charging Stations

ui/app/components/map/entities-map.jsx

@@ -12,6 +12,8 @@ import EntitiesMarker from './entities-marker';
 export default function EntitiesMap({entities}) {
     /*lat and lon of Braunschweig,DE*/
     const position = [52.26594, 10.52673]
+    if ( entities !== undefined && entities !== null && entities.length > 0 ) {
+	/*return a React element*/
     return (
 	<>
 	    <MapContainer
@@ -49,6 +51,13 @@ export default function EntitiesMap({entities}) {
 	    </MapContainer>
 	</>
     );
+    }else{
+	return (
+            <>
+		<p>Loading...</p>
+            </>
+	);
+    }
 }
 EntitiesMap.propTypes = {
     entities: PropTypes.array

ui/package.json

@@ -24,7 +24,11 @@
         "@babel/preset-env": "7.22.10",
         "@babel/preset-react": "7.22.5",
         "babel-loader": "9.1.3",
+        "css-loader": "6.8.1",
+        "file-loader": "6.2.0",
         "html-webpack-plugin": "5.5.3",
+        "style-loader": "3.3.2",
+        "svg-url-loader": "8.0.0",
         "webpack": "5.88.2",
         "webpack-cli": "5.1.4",
         "webpack-dev-server": "4.15.1",
@@ -32,15 +36,12 @@
     },
     "dependencies": {
         "axios": "1.3.6",
-        "css-loader": "6.8.1",
-        "file-loader": "6.2.0",
         "leaflet": "1.9.3",
         "prop-types": "15.8.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-leaflet": "4.2.1",
         "react-leaflet-cluster": "2.1.0",
-        "react-router-dom": "6.15.0",
-        "style-loader": "3.3.3"
+        "react-router-dom": "6.15.0"
     }
 }