Angularjs 角形传单中的多个多边形“;“路径”;
我正试图在我的OSM地图中使用角度传单显示多条路径。路径类型,如多个圆和多边形。 对于circle,以下代码为:Angularjs 角形传单中的多个多边形“;“路径”;,angularjs,angular-leaflet-directive,Angularjs,Angular Leaflet Directive,我正试图在我的OSM地图中使用角度传单显示多条路径。路径类型,如多个圆和多边形。 对于circle,以下代码为: angular.forEach($scope.alertcircles, function(obj, key){ var arraylen = obj.g_pos_circle.coordinates[0].length; console.log(obj.id); $scope.paths['circle' +
angular.forEach($scope.alertcircles, function(obj, key){
var arraylen = obj.g_pos_circle.coordinates[0].length;
console.log(obj.id);
$scope.paths['circle' + obj.id] = {
circle: {
color: '#FF0000',
opacity: 0.5,
stroke: false,
fillColor: '#ff69b4',
fillOpacity: 0.5,
weight: 8,
radius: 6,
latlngs: [],
type: 'circle',
clickable: true,
heading: 240
}
};
for(i=0; i<obj.g_pos_circle.coordinates[0].length;i++){
var coord = obj.g_pos_circle.coordinates[0][i];
angular.extend($scope.paths ['circle' + obj.id] .circle.latlngs.push({
lat: parseFloat(coord[1]),
lng: parseFloat(coord[0])
}))
}
$scope.paths['circle' + obj.id].circle.radius = obj.g_pos_radius
});
我也有同样的问题,原因是css中包含了样式
svg{
width: 100%;
height: 100%;
}
更正
.angular-leaflet-map svg{
width: initial;
height: initial;
}
解决问题
svg{
width: 100%;
height: 100%;
}
.angular-leaflet-map svg{
width: initial;
height: initial;
}