KML layer on leaflet maps when source is KML

app/Tdt/Core/Formatters/MAPFormatter.php

@@ -29,13 +29,21 @@ public static function createResponse($dataObj)
     public static function getBody($dataObj)
     {
         $url = Request::url();
-        $url = preg_replace('/\.([^\.]*)$/m', '.geojson', $url);
+        $type = 'geojson';
+
+        if ($dataObj->definition['source_type'] == 'XmlDefinition' && $dataObj->source_definition['geo_formatted'] == 1) {
+            $url = preg_replace('/\.([^\.]*)$/m', '.kml', $url);
+            $type = 'kml';
+        } else {
+            $url = preg_replace('/\.([^\.]*)$/m', '.geojson', $url);
+        }
 
         $resource = $dataObj->definition['collection_uri'] . "/" . $dataObj->definition['resource_name'];
 
         // Render the view
         return \View::make('layouts.map')->with('title', 'Dataset: ' . $resource . ' map | The Datatank')
-                                          ->with('url', $url);
+                                          ->with('url', $url)
+                                          ->with('type', $type);
     }
 
     public static function getDocumentation()

app/views/layouts/map.blade.php

@@ -25,18 +25,19 @@
                 minZoom: 3
             }).addTo(map);
 
-            $.getJSON('{{ $url }}', function(data){
-                var geoData = L.geoJson(data, {
-                    onEachFeature: function (feature, layer) {
-                        var popup = '<strong>{[name]}</strong><br/>{[description]}<br/>';
+            @if ($type == 'geojson')
+                $.getJSON('{{ $url }}', function(data){
+                    var geoData = L.geoJson(data, {
+                        onEachFeature: function (feature, layer) {
+                            var popup = '<strong>{[name]}</strong><br/>{[description]}<br/>';
 
-                        $.each(layer.feature.properties, function (key, val) {
-                            if (key != 'name' && key != 'description') {
-                                popup += "<br/><strong>" + key + "</strong>: " + val;
-                            } else {
-                                popup = popup.replace('{[' + key + ']}', val);
-                            }
-                        });
+                            $.each(layer.feature.properties, function (key, val) {
+                                if (key != 'name' && key != 'description') {
+                                    popup += "<br/><strong>" + key + "</strong>: " + val;
+                                } else {
+                                    popup = popup.replace('{[' + key + ']}', val);
+                                }
+                            });
 
                         // Replace when no data was provided
                         popup = popup.replace('<strong>{[name]}</strong><br/>', '');
@@ -46,8 +47,25 @@
                     }
                 }).addTo(map);
 
-                map.fitBounds(geoData.getBounds(), {padding: [20, 20]});
-            });
+                    map.fitBounds(geoData.getBounds(), {padding: [20, 20]});
+                });
+            @elseif ($type == 'kml')
+                var bounds = {};
+                var data = omnivore.kml('{{ $url }}')
+                .on('ready', function() {
+                    data.eachLayer(function(layer) {
+                        var popup = '';
+                        $.each(layer.feature.properties, function (key, val) {
+                            if (key != 'name' && key != 'description') {
+                                popup += "<strong>" + key + ": " + val + "</strong>\n";
+                            }
+                        });
+                        layer.bindPopup(popup);
+                    });
+                    map.fitBounds(data.getBounds(), {padding: [20, 20]});
+                })
+                .addTo(map);
+            @endif
         </script>
     </body>
 </html>