<map-style>
L’élément <map-style> permet aux auteurs de cartes d’intégrer une feuille de style en cascade (CSS) dans les couches de carte. La CSS peut être utilisée pour styliser la géométrie de la couche à l’aide de <map-span>, ainsi qu’en réglant l’attribut « class » d’après les éléments enfants de la géométrie.
remarque
Toutes les démonstrations comprises dans les pages de documentation contiennent un onglet « CSS », qui permet d’ajouter une CSS en utilisant l’élément <map-style> de manière dynamique.
Exemples
Styliser à l’aide de l’élément <map-span>
<mapml-viewer projection="OSMTILE" zoom="10" lon="-75.7" lat="45.4" controls>
<map-layer label="OpenStreetMap" src="../data/osm.mapml" checked></map-layer>
<map-layer label="Polygone" checked>
<map-meta name="projection" content="OSMTILE"></map-meta>
<map-feature>
<map-featurecaption>Polygone</map-featurecaption>
<!-- Régler les coordonnées de géométrie à gcrs, puisque la valeur par défaut correspond à pcrs -->
<map-geometry cs="gcrs">
<map-polygon>
<map-coordinates>-75.5859375 45.4656690 -75.6813812 45.4533876 -75.6961441 45.4239978 -75.7249832 45.4083331 -75.7792282 45.3772317 -75.7534790 45.3294614 -75.5831909 45.3815724 -75.6024170 45.4273712 -75.5673981 45.4639834 -75.5859375 45.4656690</map-coordinates>
<map-coordinates><map-span class="hole">-75.6467062 45.4215881 -75.6889363 45.4049585 -75.6693647 45.3767494 -75.6270640 45.3924229 -75.6467062 45.4215881</map-span></map-coordinates>
</map-polygon>
</map-geometry>
<map-properties><h2>Il s’agit d’un polygone</h2></map-properties>
</map-feature>
<map-style>.hole {stroke: #73A9AD;stroke-width: 4px;fill: none;fill-opacity: 1;}</map-style>
</map-layer>
</mapml-viewer>
Spécifications
| Spécification |
|---|
| Élément MapML « style » |
| Élément HTML « style » |
Exigences
Signalez tout problème avec ces exigences sur GitHub
exigence amélioration inefficace incertain en discussion
| Spéc | Visionneuse | API | |
|---|---|---|---|
| Entités vectorielles et superpositions (5.2) | |||
Dessiner des polygones ou des polylignes sous la forme d’images vectorielles auxquelles on peut appliquer un style (distinctes des pavés de l’image) (5.2.2) | complet | complet | |
| Application de styles personnalisés (5.5) | |||
Appliquer un style personnalisé pour mapper les marqueurs et les caractéristiques vectorielles (5.5.1) | complet | complet | |
| Création de cartes et de composants de cartes (6.1) | |||
Spécifier le style de la carte (6.1.9) | complet | complet |