map-extent add zoomTo() method, extent property and map-change event

[AliyanH]

Add the following to map-extent to be similar to layer-

• [x] zoomTo() method
• [x] extent property
• [ ] map-change event

[prushforth]

Remind me: What does the map-change event relate to ? IIRC it's analog on the platform is the change event:

_The change event is fired for \, \, and \</a> elements when the user modifies the element's value. Unlike the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/input_event">input</a> event, the change event is not necessarily fired for each alteration to an element's value._</p> <p>So when we do implement the <code>map-change</code> event, it gives us the opportunity to amend the behaviour that we currently implement (I believe) which is that the event is fired for each alteration to the checked status, regardless of whether that change was programmatic or user-initiated. I may be mixing stuff up.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/AliyanH"><img src="https://avatars.githubusercontent.com/u/55751566?v=4" />AliyanH</a> commented <strong> 5 months ago</strong> </div> <div class="markdown-body"> <blockquote> <p>What does the map-change event relate to ?</p> </blockquote> <p>It is referring to the event fired off by the checked attribute, like we have for layer - <a href="https://maps4html.org/web-map-doc/docs/api/layer-api#events">https://maps4html.org/web-map-doc/docs/api/layer-api#events</a> </p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>