Overlay Group
Overlay group OverlayGroup
When a user needs to do a whole operation on a set of overlays, they can use the instance created by the OverlayGroup class to avoid setting the properties one by one through loops.
var lineArr = [
[116.37, 39.91],
[116.38, 39.90],
[116.39, 39.91],
[116.40, 39.90]
];
var polyline = new nimap.Polyline({
Path: lineArr, //Set the line overlay path
"line-join": 'round',
"line-cap": 'round',
"line-width":8,
'line-blur':0,
});
Var polygonArr = new Array();//polygon overlay node coordinate array
polygonArr.push([116.40, 39.92]);
polygonArr.push([116.41, 39.90]);
polygonArr.push([116.40, 39.89]);
polygonArr.push([116.39, 39.89]);
polygonArr.push([116.40, 39.92]);
var polygon = new nimap.Polygon({
Path: polygonArr, // set the polygon boundary path
'fill-antialias': true,
'fill-outline-color': 'red',
'fill-opacity': 0.8,
"line-width": 10,
});
var circle = new nimap.Circle({
Center: "116.40,39.92",// center position
Radius: 1000, //radius
'fill-antialias': true,
'fill-outline-color': 'red',
"line-width": 10,
});
var overlayGroup = new nimap.OverlayGroup([ polyline, polygon, circle ]);
map.on('load',function () {
//polyline.addTo(map);
//polygon.addTo(map);
//circle.addTo(map);
overlayGroup.addTo(map);
map.setFitView(polyline.path.concat(polygon.path).concat(circle.path));
})
