Angular UI-Leaflet在彼此之上添加多个图层

Question

我对UI-leaflet指令很新。我有多个.geojson个文件。 我想将这些叠加在彼此之上以创建一些说明市中心的地方，其中例如中心是蓝色，建筑物是红色的，街道是绿色的。

目前使用此：

$http.get("hongkong/Buildings.geojson").success(function(data, status) {
            if(!$scope.geojson){
                $scope.geojson = createGeoJsonObject(data, 'green');
            }
        });
        $http.get("hongkong/Fixtures.geojson").success(function(data, status) {
            if(!$scope.geojson){
                $scope.geojson = $scope.geojson + createGeoJsonObject(data, 'red');
            }
        });

还看到这样的东西？

app.controller("GeoJSONCenterController", [ '$scope', '$http', 'leafletData', function($scope, $http, leafletData) {
        angular.extend($scope, {
                center: {
                        lat: 22.313389,
                        lng: 114.168907,
                        zoom: 15
                },
            defaults: {
                scrollWheelZoom: false
            },
             layers: {
                     baselayers: {
                              //Can it be done here?
                         }
                     },
        });

是谁能帮我解决这个问题？