Die Ladensäule noch dazu, als neuer Layer

index.html

@@ -12,10 +12,12 @@
 	<div id="map" style="width: 1200px; height: 700px"></div>
 
 	<script src="tr-hydrant.js" type="text/javascript"></script>
+	<script src="tr-ladesaeulen.js" type="text/javascript"></script>
 	<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
 
 	<script>
 		var hydranten = new L.LayerGroup();
+		var ladesaeulen = new L.LayerGroup();
 
 		var osm = L.tileLayer(
 				'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
@@ -42,7 +44,6 @@
 
 
 		hypois = L.geoJson(regions, {
-
 			style: function (feature) {
 				st = { weight: 1, color: "#000", opacity: 1, fillColor: "#ff0", fillOpacity: 0.5 }
 				return st
@@ -62,8 +63,30 @@
 			}
 		}).addTo(hydranten)
 
+		lspois = L.geoJson(regions2, {
+			style: function (feature) {
+				st = { weight: 1, color: "#000", opacity: 1, fillColor: "#f00", fillOpacity: 0.5 }
+				return st
+			},
+
+			onEachFeature: onEachFeature,
+
+			pointToLayer: function (feature, latlng) {
+				return L.circleMarker(latlng, {
+					radius: 8,
+					fillColor: "#ff7800",
+					color: "#000",
+					weight: 1,
+					opacity: 1,
+					fillOpacity: 0.8
+				});
+			}
+		}).addTo(ladesaeulen)
+
+
 		var overlays = {
-			"Hydranten": hydranten
+			"Hydranten": hydranten,
+			"Ladesäulen": ladesaeulen,
 		};
 
 
@@ -81,3 +104,4 @@
 </body>
 </html>
 
+

tr-ladesaeulen.js

@@ -0,0 +1,17 @@
+var regions2 = {
+	"type": "FeatureCollection",
+	"features": [
+
+		{
+			"type": "Feature",
+			"properties": {
+				"popupContent": "1",
+			},
+			"geometry": {
+				"type": "Point",
+				"coordinates": [ 10.90977, 48.95571 ]
+			}
+		},
+	]
+}
+