AzureMapsControl.Components/samples/AzureMapsControl.Sample/Components/Layout/NavMenu.razor at 52bf7ce2286ca61fb30e833d54cfc1f2d2f41cb7 · arnaudleclerc/AzureMapsControl.Components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">Samples</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav">
                <NavLink class="nav-link" href="" Match="NavLinkMatch.All"> Home </NavLink>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Animations
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/Drop"> Drop </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/DropMarkers"> Drop markers </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/GroupAnimations"> Group animations </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/Morph"> Morph </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/MoveAlongPath"> Move along path </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/MoveAlongRoute"> Move along route </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/MoveMarkerAlongPath"> Move marker along path </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/MavingDashedLine"> Moving dashed line </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/SetCoordinates">Set coordinates</NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/SetMarkerCoordinates">Set marker coordinates</NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Animations/Snakeline">Snakeline</NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Controls
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/Basic"> Basic controls </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/ControlsOnReady"> Controls on ready </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/Fullscreen"> Fullscreen </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/GeolocationControl"> Geolocation control </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/OverviewMap"> Overview map </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Controls/Scalebar"> Scalebar </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Drawing
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Drawing/DrawingToolbar"> Toolbar </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Drawing/DrawingToolbarOnReady"> Toolbar on ready </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Drawing/DrawingToolbarUpdate"> Toolbar update </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Drawing/DrawingManagerLoadData"> Load data to drawing manager </NavLink>
                        </li>
                    </ul>
                </li>
                <NavLink class="nav-link" href="Indoor"> Indoor </NavLink>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Layers
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/BubbleLayerOnReady"> Bubble layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/HeatmapLayerOnReady"> Heatmap layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/ImageLayerOnReady"> Image layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/LineLayerOnReady"> Line layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/PolygonLayerOnReady"> Polygon layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/PolygonExtrusionLayerOnReady"> Polygon extrusion layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/SymbolLayerOnReady"> Symbol layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/SymbolLayerWithFeatures"> Symbol layer with features </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/TileLayerOnReady"> Tile layer </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/VectorTileSource"> Vector tile source </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Layers/LayerRemove"> Remove layer </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Markers
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Markers/HtmlMarkerPopup"> HTML marker popup </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Markers/HtmlMarkers"> HTML markers </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Markers/HtmlMarkersOnReady"> HTML markers on ready </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Markers/HtmlMarkersRemove"> Remove HTML markers </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Markers/HtmlMarkersUpdate"> Update HTML markers </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Options
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Options/CameraOptions"> Camera options </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Options/StyleOptions"> Style options </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Options/UserInteractionOptions"> User interaction options </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Popups
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/CustomizePopup"> Customize popup </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/MultipleContentTemplate"> Multiple content template </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/NoDefinedTemplate"> No defined template </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/PopupEvents"> Popup events </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/PopupOnReady"> Popup on ready </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/PropertyInfoTemplate"> PropertyInfo template </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/ReusePopup"> Reuse popup </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/ReuseTemplate"> Reuse template </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Popups/StringTemplate"> String template </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Sources
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Sources/ExtrudedGriddedDatasource"> Extruded gridded datasource </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Sources/GriddedDatasourceOptions"> Gridded datasource options </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Traffic
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Traffic/Basics"> Basics </NavLink>
                        </li>
                        <li>
                            <NavLink class="dropdown-item" href="/Traffic/TrafficOptionsUpdate"> Traffic options update </NavLink>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Demos
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <NavLink class="dropdown-item" href="/Demos/ClusterAggregates"> Cluster aggregation </NavLink>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>