Skip to content

Commit 8c01a53

Browse files
authored
Google Map - typo fixed in demos/dpcs. (vikramlearning#853)
1 parent 9842c65 commit 8c01a53

File tree

8 files changed

+14
-24
lines changed

8 files changed

+14
-24
lines changed

BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs

+1-1
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ internal override IEnumerable<NavItem> GetNavItems()
3838
new (){ Id = "509", Text = "Collapse", Href = "/collapse", IconName = IconName.ArrowsCollapse, ParentId = "5" },
3939
new (){ Id = "510", Text = "Confirm Dialog", Href = "/confirm-dialog", IconName = IconName.QuestionDiamondFill, ParentId = "5" },
4040
new (){ Id = "511", Text = "Dropdown", Href = "/dropdown", IconName = IconName.MenuButtonWideFill, ParentId = "5" },
41-
new (){ Id = "512", Text = "Google Maps", Href = "/google-map", IconName = IconName.Map, ParentId = "5" },
41+
new (){ Id = "512", Text = "Google Map", Href = "/google-map", IconName = IconName.Map, ParentId = "5" },
4242

4343
#region Grid
4444

BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor

+2-2
Original file line numberDiff line numberDiff line change
@@ -111,8 +111,8 @@
111111
</a>
112112
</div>
113113
<div class="col-sm-4 mb-2">
114-
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/google-maps">
115-
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Map" class="me-2" /> Google Maps <Badge Color="BadgeColor.Danger">New</Badge></h4>
114+
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/google-map">
115+
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Map" class="me-2" /> Google Map <Badge Color="BadgeColor.Danger">New</Badge></h4>
116116
</a>
117117
</div>
118118
<div class="col-sm-4 mb-2">

BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@
1919
</div>
2020

2121
<SectionHeading Size="HeadingSize.H2" Text="Examples" PageUrl="@pageUrl" HashTagName="examples" />
22-
<div class="mb-3">This example demonstrates how to use a simple Google Maps component.</div>
22+
<div class="mb-3">This example demonstrates how to use a simple Google Map component.</div>
2323
<Demo Type="typeof(GoogleMap_Demo_01_Examples)" Tabs="true" />
2424

2525
<SectionHeading Size="HeadingSize.H2" Text="Add a marker to a map" PageUrl="@pageUrl" HashTagName="add-a-marker-to-a-map" />
26-
<div class="mb-3">This example demonstrates how to use a simple Google Maps component with marker.</div>
26+
<div class="mb-3">This example demonstrates how to use a simple Google Map component with marker.</div>
2727
<Demo Type="typeof(GoogleMap_Demo_02_Marker)" Tabs="true" />
2828

2929
<SectionHeading Size="HeadingSize.H2" Text="Marker customization" PageUrl="@pageUrl" HashTagName="marker-customization" />

BlazorBootstrap.Demo.Server/Components/App.razor

-10
Original file line numberDiff line numberDiff line change
@@ -37,16 +37,6 @@
3737
})(window, document, "clarity", "script", "eyusedpimp");
3838
</script>
3939

40-
<!-- Google maps -->
41-
@* <script>
42-
(g => { var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window; b = b[c] || (b[c] = {}); var d = b.maps || (b.maps = {}), r = new Set, e = new URLSearchParams, u = () => h || (h = new Promise(async (f, n) => { await (a = m.createElement("script")); e.set("libraries", [...r] + ""); for (k in g) e.set(k.replace(/[A-Z]/g, t => "_" + t[0].toLowerCase()), g[k]); e.set("callback", c + ".maps." + q); a.src = `https://maps.${c}apis.com/maps/api/js?` + e; d[q] = f; a.onerror = () => h = n(Error(p + " could not load.")); a.nonce = m.querySelector("script[nonce]")?.nonce || ""; m.head.append(a) })); d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n)) })({
43-
key: "AIzaSyA-k5n6Q7VzGE-XEDbWFQI4IcgzRrafdy0",
44-
v: "weekly",
45-
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
46-
// Add other bootstrap parameters as needed, using camel case.
47-
});
48-
</script> *@
49-
5040
<HeadOutlet @rendermode="InteractiveServer" />
5141
</head>
5242

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
7676
| Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
7777
| Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
7878
| Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
79-
| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
79+
| Google Map | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
8080
| Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
8181
| Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
8282
| Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |

blazorbootstrap/Components/Maps/GoogleMap.razor.cs

+2-2
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ public async Task OnMarkerClickJS(GoogleMapMarker marker)
3737
}
3838

3939
/// <summary>
40-
/// Refreshes the Google Maps component.
40+
/// Refreshes the Google Map component.
4141
/// </summary>
4242
/// <returns>A completed task.</returns>
4343
public ValueTask RefreshAsync()
@@ -75,7 +75,7 @@ private void OnScriptLoad()
7575
);
7676

7777
/// <summary>
78-
/// Gets or sets the Google Maps API key.
78+
/// Gets or sets the Google Map API key.
7979
/// </summary>
8080
[Parameter]
8181
public string? ApiKey { get; set; }

docs/docs/05-components/google-map.mdx

+5-5
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Blazor Google Map Component
33
description: Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API.
44
image: https://i.imgur.com/beAr31J.png
55

6-
sidebar_label: Google Maps
6+
sidebar_label: Google Map
77
sidebar_position: 12
88
---
99

@@ -27,7 +27,7 @@ Please follow the link below for detailed steps. <br />
2727

2828
| Name | Type | Default | Required | Description | Added Version |
2929
|:--|:--|:--|:--|:--|:--|
30-
| ApiKey | `string?` | null | ✔️ | Gets or sets the Google Maps API key. | 3.0.0 |
30+
| ApiKey | `string?` | null | ✔️ | Gets or sets the Google Map API key. | 3.0.0 |
3131
| Center | `GoogleMapCenter` | null | | Gets or sets the center parameter. | 3.0.0 |
3232
| Clickable | bool | false | | Makes the marker clickable if set to `true`. | 3.0.0 |
3333
| Height | `double?` | null | | Gets or sets the height of the `GoogleMap`. | 3.0.0 |
@@ -42,7 +42,7 @@ Please follow the link below for detailed steps. <br />
4242
| Name | Description | Added Version |
4343
|:--|:--|:--|
4444
| AddMarkerAsync(GoogleMapMarker marker) | Adds a marker to the GoogleMap. | 3.0.0 |
45-
| RefreshAsync() | Refreshes the Google Maps component. | 3.0.0 |
45+
| RefreshAsync() | Refreshes the Google Map component. | 3.0.0 |
4646
| UpdateMarkersAsync(`IEnumerable<GoogleMapMarker>` markers) | Updates the markers on the Google Map. | 3.0.0 |
4747

4848
## Callback Events
@@ -53,7 +53,7 @@ Please follow the link below for detailed steps. <br />
5353

5454
## Examples
5555

56-
This example demonstrates how to use a simple Google Maps component.
56+
This example demonstrates how to use a simple Google Map component.
5757

5858
<img src="https://i.imgur.com/cKVhchz.png" alt="Blazor Bootstrap: Google Map Component - Examples" />
5959

@@ -71,7 +71,7 @@ This example demonstrates how to use a simple Google Maps component.
7171

7272
### Add a marker to a map
7373

74-
This example demonstrates how to use a simple Google Maps component with marker.
74+
This example demonstrates how to use a simple Google Map component with marker.
7575

7676
<img src="https://i.imgur.com/5FaorJo.png" alt="Blazor Bootstrap: Google Map Component - Add a marker to a map" />
7777

nuget/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ Get started any way you want
5555
| Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
5656
| Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
5757
| Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
58-
| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
58+
| Google Map | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
5959
| Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
6060
| Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
6161
| Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |

0 commit comments

Comments
 (0)