@@ -5193,12 +5193,97 @@ <h5>Conclusion</h5>
5193
5193
< section id ="capability-pan-zoom-or-re-centre-map " data-ucr-role ="capability ">
5194
5194
< h4 > Pan, zoom, or re-centre a map</ h4 >
5195
5195
< p >
5196
- Description to follow
5196
+ Developers expect to be able to control a map by changing its centre and/or zoom level,
5197
+ and may also wish to support the capability of resetting a map to its view as originally presented.
5198
+ If the map view cannot be dynamically modified by an application,
5199
+ as opposed to changes by direct user interaction with the map,
5200
+ then it offers fewer advantages over a static map view.
5201
+ </ p >
5202
+ < p >
5203
+ It is usually also desirable that such changes can be accomplished in a manner that gives sufficient
5204
+ visual feedback to the user that a change is occurring,
5205
+ for example by animating the transition rather than simply redrawing the map with the new view,
5206
+ which may not be immediately noticeable to the user.
5207
+ </ p >
5208
+ < p >
5209
+ Accessibility is an important consideration when the state of a map is altered dynamically.
5210
+ Thought should be given to how the change can be made known to assistive technologies so that the user
5211
+ is fully informed and thus cognisant of the current state of the map at all times.
5197
5212
</ p >
5198
5213
< p class ="issue discussion " data-number ="67 ">
5199
5214
Discuss this section on GitHub.
5200
5215
</ p >
5201
5216
5217
+ < h5 > Existing implementations</ h5 >
5218
+ < p >
5219
+ All the reviewed JavaScript API implementations support changing the bounds, centre, and zoom level of a map,
5220
+ and allow such transitions to be animated.
5221
+ </ p >
5222
+ < dl data-ucr-role ="implementation-notes ">
5223
+ <!-- Use dt elements to name the implementation, using the id string to create an auto-link.
5224
+ Give details about what is/isn't supported in the dd element,
5225
+ starting with a link to one of the implementation levels.
5226
+ List full implementations first.
5227
+ Group implementations (multiple dt for the same dd) when they have the same support.
5228
+ -->
5229
+ < dt > google-maps-api</ dt >
5230
+ < dt > bing-maps-api</ dt >
5231
+ < dt > apple-mapkit-js-api</ dt >
5232
+ < dt > mapbox-gl-api</ dt >
5233
+ < dt > leaflet-api</ dt >
5234
+ < dt > open-layers-api</ dt >
5235
+ < dt > d3-geographies-api</ dt >
5236
+ < dd > < a > full support</ a > :
5237
+ <!-- details about what is/isn't supported -->
5238
+ < p >
5239
+ Animated transitions are supported by calling specific methods with names such as < code > flyTo</ code >
5240
+ or via a Boolean parameter to a more general method such as < code > setView</ code > .
5241
+ </ p >
5242
+ </ dd >
5243
+ </ dl >
5244
+
5245
+ < h5 > Supported use cases</ h5 >
5246
+ < ul data-ucr-role ="capability-uses "> <!-- auto-generated from use case required capabilities --> </ ul >
5247
+
5248
+ < h5 > Uses beyond mapping</ h5 >
5249
+ < p >
5250
+ ToDo
5251
+ </ p >
5252
+
5253
+ < h5 > Related web specifications</ h5 >
5254
+ < p >
5255
+ <!-- Any existing/proposed specs that address similar needs or otherwise interact.
5256
+ Include links with proper ReSpec references. -->
5257
+ </ p >
5258
+
5259
+ < h5 > Conclusion</ h5 >
5260
+ <!-- Cost, benefits, and recommendation on whether this should be a requirement.
5261
+ Should include an `<a>` element with attribute `data-ucr-role="conclusion"`
5262
+ whose text content or `data-lt` value matches one of the conclusions (requirement, enhancement, impractical, undecided).
5263
+ See examples.
5264
+ -->
5265
+ < p >
5266
+ As this is capability is required for any dynamic update of a map view such as would be expected of a map-based application,
5267
+ it is a < a data-ucr-role ="conclusion "> requirement</ a > for embedded web maps.
5268
+ </ p >
5269
+ < ul data-ucr-role ="conclusion-notes ">
5270
+ <!-- bullet-point notes summarizing implementation details / blocking issues.
5271
+ Add tags to the start of a point with an empty `<a data-ucr-role="tag"></a>` where the text content or href matches a tag `id` value. -->
5272
+ < li > < a data-ucr-role ="tag " href =""> </ a >
5273
+ <!-- short summary of how the tag applies -->
5274
+ </ li >
5275
+ </ ul >
5276
+ </ section >
5277
+
5278
+ < section id ="capability-zoom-map-in-or-out " data-ucr-role ="capability ">
5279
+ < h4 > Zoom a map in or out</ h4 >
5280
+ < p >
5281
+ Description to follow
5282
+ </ p >
5283
+ < p class ="issue discussion " data-number ="68 ">
5284
+ Discuss this section on GitHub.
5285
+ </ p >
5286
+
5202
5287
< h5 > Existing implementations</ h5 >
5203
5288
< p >
5204
5289
Existing implementation support:
0 commit comments