MapMesh

Renders a TopoJSON mesh as an SVG <path>.

Use this to draw shared borders/edges (for example country boundaries) on top of feature fills.

ℹ️ Works only with TopoJSON data

Props

Parameter	Type	Default	Description
`styles?`	MapObjectStyles	—	See styling guide

Use native SVG presentation attrs like stroke/fill directly on MapMesh.

vue

<template>
  <Map :data="topologyData">
    <MapFeatures fill="#fff" />
    <MapMesh stroke="#000"/>
  </Map>
</template>