PageLinks =>
+ [
+ new("https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapLayerList.html", "ArcGIS Maps SDK for JavaScript"),
+ new("https://www.arcgis.com/home/item.html?id=bfefe7a603c94fc29edca0f4a6662b44", "City of Bend 3D Scene")
+ ];
protected override async Task OnAfterRenderAsync(bool firstRender)
{
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Bookmarks.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Bookmarks.razor
index 9a87c66..dd3341f 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Bookmarks.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Bookmarks.razor
@@ -1,13 +1,9 @@
@page "/Bookmarks"
+@inherits SamplePage
Bookmarks and Bookmarks Widget
Bookmarks Widget
-
-
Sample demonstrates the use of the Bookmarks widget and Bookmark actions.
This follows the ESRI sample, but the Timeline Widget is included with GeoBlazor pro.
@@ -40,6 +36,12 @@
@code {
+ public override List PageLinks =>
+ [
+ new("https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html", "ArcGIS Maps SDK for JavaScript"),
+ new("https://developers.arcgis.com/javascript/latest/sample-code/widgets-bookmarks/", "Bookmarks Sample")
+ ];
+
private void OnLayerViewCreate(LayerViewCreateEvent evt)
{
if (evt.Layer is not FeatureLayer) return;
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CSVLayers.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CSVLayers.razor
index e6c95be..b28c5cb 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CSVLayers.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CSVLayers.razor
@@ -1,35 +1,69 @@
@page "/csv-layer"
+@inherits SamplePage
CSV Layers
-
- This sample shows a CSV layer of earthquake data. You can add a new CSV layer by entering a CSV url in the input below.
+ This sample shows a CSV layer of hurricane data from NOAA. It also demonstrates a Stereographic projection. You can add a new CSV layer by entering a CSV url in the input below.
-
-
-
+
+
+
-
-
-
-
-
-
-
-
+
+
-
+
+
+
+
+
@code {
+ public override List
PageLinks =>
+ [
+ new("https://developers.arcgis.com/javascript/latest/sample-code/layers-csv-projection/", "ArcGIS Maps SDK for JavaScript"),
+ new("https://arcgis.github.io/arcgis-samples-javascript/sample-data/hurricanes.csv", "NOAA Hurricanes CSV"),
+ new("https://www.arcgis.com/home/item.html?id=3113eacc129942b4abde490a51aeb33f", "Stereographic Basemap")
+ ];
+
private void OnViewRendered()
{
_viewRendered = true;
@@ -54,4 +88,12 @@
private MapView? _view;
private bool _viewRendered;
+
+ private string[] _fireFlyImages =
+ [
+ "cat1.png", "cat2.png", "cat3.png", "cat4.png", "cat5.png"
+ ];
+
+ private string _baseUrl = "https://arcgis.github.io/arcgis-samples-javascript/sample-data/";
+
}
\ No newline at end of file
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CalculateGeometries.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CalculateGeometries.razor
index 719aedd..ca55c4e 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CalculateGeometries.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/CalculateGeometries.razor
@@ -1,13 +1,10 @@
@page "/calculate-geometries"
+@inherits SamplePage
@inject GeometryEngine GeometryEngine
Calculate Geometries
Calculate Geometries
-
Use the buttons in the top right to see a demonstration of drawing a
buffer around a point, finding the intersection between two graphics,
@@ -55,6 +52,12 @@
@code {
+ public override List PageLinks =>
+ [
+ new("https://developers.arcgis.com/javascript/latest/calculate-geometries/", "ArcGIS Maps SDK for JavaScript"),
+ new("https://www.arcgis.com/home/item.html?id=d582a9e953c44c09bb998c7d9b66f8d4", "Charted Territory BaseMap")
+ ];
+
private async Task CreateBuffer()
{
if (_bufferPolygon is not null) return;
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/ClickToAdd.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/ClickToAdd.razor
index 2e1d183..9c4de1b 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/ClickToAdd.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/ClickToAdd.razor
@@ -1,9 +1,7 @@
@page "/click-to-add"
+@inherits SamplePage
Click to Add Points
Click To Add Points
-
Click anywhere to see a point added to the map. Click on the point again to see a popup. Click on the popup action to add the point to the list below.
@@ -29,6 +27,12 @@
@code {
+
+ public override List PageLinks =>
+ [
+ new("https://www.arcgis.com/home/item.html?id=1e126e7520f9466c9ca28b8f28b5e500", "World Ocean Basemap"),
+ ];
+
private async Task OnClick(ClickEvent arg)
{
Point point = arg.MapPoint;
@@ -47,12 +51,12 @@
await _graphicsLayer!.Add(_graphic);
}
- SimpleMarkerSymbol symbol = new SimpleMarkerSymbol(new Outline(new MapColor("blue")),
+ SimpleMarkerSymbol symbol = new(new Outline(new MapColor("blue")),
new MapColor("yellow"), 10);
- ActionButton actionButton = new ActionButton("Click to Add to List",
+ ActionButton actionButton = new("Click to Add to List",
"./_content/dymaptic.GeoBlazor.Core.Sample.Shared/images/dymaptic_logo.webp", "test-1", AddPoint);
- PopupTemplate popupTemplate = new PopupTemplate(
+ PopupTemplate popupTemplate = new(
$"New Point at Long: {point.Longitude!.Value:N2} Lat: {point.Latitude!.Value:N2}",
actions: [actionButton]);
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/DisplayProjection.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/DisplayProjection.razor
index 4482c35..8eca0da 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/DisplayProjection.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/DisplayProjection.razor
@@ -1,12 +1,10 @@
@page "/projection"
+@inherits SamplePage
@using System.Globalization
@inject IJSRuntime JsRuntime
Projection
Projection
-
Hover over the map to see a buffer that shows the distortion of various
sections of the map projection. Use the dropdown menu in the top right
@@ -77,6 +75,11 @@
@code
{
+ public override List PageLinks =>
+ [
+ new("https://developers.arcgis.com/javascript/latest/display-projected-geometries/", "ArcGIS Maps SDK for JavaScript"),
+ ];
+
private Symbol? PolySym { get; set; }
private Symbol? PointSym { get; set; }
private MapView? View { get; set; }
@@ -107,10 +110,11 @@
private async Task DisplayCoordinates(Point? center)
{
- var popupOptions = new PopupOptions(new PopupDockOptions(buttonEnabled: false),
+ var popupOptions = new PopupOptions(new PopupDockOptions(
+ PopupDockPosition.BottomLeft, true, boolBreakpoint: true),
new PopupVisibleElements(false, false));
- var popupTemplate = new PopupTemplate($"WKID: {center!.SpatialReference!.Wkid}",
+ var popupTemplate = new PopupTemplate($"WKID {center!.SpatialReference!.Wkid} Center",
$"X: {center.X!.Value.ToString("N5", CultureInfo.CurrentCulture)} | Y: {center.Y!.Value.ToString("N5", CultureInfo.CurrentCulture)}");
var graphic = new Graphic(center, popupTemplate: popupTemplate);
diff --git a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Drawing.razor b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Drawing.razor
index 0a06015..3e4f765 100644
--- a/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Drawing.razor
+++ b/samples/core/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Drawing.razor
@@ -1,120 +1,101 @@
@page "/drawing"
+@inherits SamplePage
Map
Drawing
-
Toggle each section below, then use the "Draw" button to add a graphic. To move a graphic, change the value in the
latitude/logitude fields. Click "Remove" to clear the graphic from the map.
-
-
-
+
+
+
+
+
+
+ @if (MapPath.Any())
+ {
+
+ }
+
+
+
+
+
+ @if (MapRings.Any())
+ {
+
+ }
+ Click on Polygon to see Popup!
+
-
+