Skip to main content

<map-select>

The <map-select> element is an extension of HTML <select> and is used as a child of the <map-extent> element. The <map-select> element declares a variable with predefined <map-option>'s which are selected through the layer control and used by the polyfill.

The <map-select> element contains one or more <map-option> elements.

tip

Change the <map-select> option through the layer control (top-right of the map) to view data for different timestamps.

Attributes​

name​

Sets the name of the variable created by the input. The variable can then be referenced by the URL template <map-link> tref attribute, using the {name} variable reference notation.

id​

Sets the id of the <map-select> element, identifies the select within the current document.

Child Elements​

<map-option>​

This element contains the options for the <map-select> element. A <map-select> element can contain one or more <map-option> elements.

Examples​

Change map source​

<mapml-viewer projection="OSMTILE" zoom="2" lat="65" lon="-90" controls="">
  <layer- label="Basemap" checked="">
    <map-extent units="OSMTILE" >
      <map-input name="z" type="zoom"  value="18" min="0" max="18"></map-input>
      <map-input name="x" type="location" units="tilematrix" axis="column" min="0"  max="262144" ></map-input>
      <map-input name="y" type="location" units="tilematrix" axis="row" min="0"  max="262144" ></map-input>
      <map-link rel="license" href="https://www.openstreetmap.org/copyright" title="OpenStreetMap"/>
      <map-link rel="license" href="https://www.openstreetmap.bzh/" title="Breton OpenStreetMap Team"/>
      
      <map-select id="urlOptions" name="source">
        <map-option value="tile.openstreetmap.bzh/br">OpenStreetMap_BZH</map-option>
        <map-option value="tile.openstreetmap.org">OpenStreetMap_Mapnik</map-option>    
      </map-select>
      
      <map-link rel="tile" tref="https://{source}/{z}/{x}/{y}.png" />
    </map-extent>
  </layer->
</mapml-viewer>

Specifications​

Specification
MapML style element
HTML style element

Requirements​

Report problems with these requirements on GitHub

requirementenhancementimpracticalundecidedunder discussion

SpecViewerAPI
Content author use cases (3.1)
Provide alternative map layers which the user can select (3.1.9)
fullfull