Many Graphics

GeoBlazor can support a large number of geometries, such as the graphics generated and shown in this example. Use the input fields and buttons to test various graphic sizes and chunk sizes. In order to get performant rendering of your graphics, be sure to always call MapView.AddGraphics(IEnumerable<Graphic>) or GraphicsLayer.Add(IEnumerable<Graphic>), rather than trying to add all the graphics individually. Chunk sizes are set by default to 200 (Server, WASM) and 100 (MAUI) based on internal testing.

Select Geometry Type:

Number of Graphics: Chunk Size:

GeoBlazor by

dymaptic

About this sample

This GeoBlazor sample, written in Blazor for .NET developers, demonstrates bulk-rendering large numbers of Graphic objects from the ArcGIS Maps SDK for JavaScript via GeoBlazor's MapView, GraphicsLayer, and Graphic Razor components. The page shows a 2D map of Brazil and surrounding South America rendered with an OpenStreetMap basemap. Above the map is a form with a geometry-type dropdown (Point, Polyline, Polygon), numeric inputs for the number of graphics to generate (default 10,000) and the serialization chunk size (default 200, or 100 in MAUI), and three buttons: 'Add Graphics To View' which calls MapView.AddGraphics in chunks, 'Add Graphics To Layer' which calls GraphicsLayer.Add in chunks, and 'Clear Graphics' which removes everything. While generating, the controls disable to prevent overlapping requests. Each generated graphic carries a SimpleMarkerSymbol, SimpleLineSymbol, or SimpleFillSymbol along with a PopupTemplate so users can click any graphic to see its attributes. The sample is intended to demonstrate efficient batch graphic rendering in a Blazor application without writing JavaScript.