Skip to content

Commit a1d6ef3

Browse files
committed
Additional work on changing map state via scripting.
1 parent 91b97a1 commit a1d6ef3

File tree

1 file changed

+86
-1
lines changed

1 file changed

+86
-1
lines changed

index.html

Lines changed: 86 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5193,12 +5193,97 @@ <h5>Conclusion</h5>
51935193
<section id="capability-pan-zoom-or-re-centre-map" data-ucr-role="capability">
51945194
<h4>Pan, zoom, or re-centre a map</h4>
51955195
<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.
51975212
</p>
51985213
<p class="issue discussion" data-number="67">
51995214
Discuss this section on GitHub.
52005215
</p>
52015216

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+
52025287
<h5>Existing implementations</h5>
52035288
<p>
52045289
Existing implementation support:

0 commit comments

Comments
 (0)