map = html`<svg width=${width} height=${height} viewBox="0 0 ${width} ${height}" style="display:block;">
<path d="${path(graticule)}" stroke="#ccc" fill="none"></path>
<path d="${path(land)}"></path>
<path d="${path(outline)}" stroke="#000" fill="none"></path>
<g font-size="10" font-family="sans-serif">
${d3.range(-180, 180 + 1, 90).map(x => svg`
<text text-anchor="middle" transform="translate(${projection([x, 90]) + ""})" y="-6">${formatLongitude(x)}</text>
<text text-anchor="middle" transform="translate(${projection([x, -90]) + ""})" dy="0.71em" y="6">${formatLongitude(x)}</text>`)}
${d3.range(-80, 80 + 1, 10).map(y => svg`
<text text-anchor="start" transform="translate(${projection([180, y]) + ""})" dy="0.35em" x="6">${formatLatitude(y)}</text>
<text text-anchor="end" transform="translate(${projection([-180, y]) + ""})" dy="0.35em" x="-6">${formatLatitude(y)}</text>`)}
</g>
</svg>`