slot for markers

[bennypowers]

<google-maps> provides a slot for <google-map-marker> elements. I figure <good-map> could do the same but in it's own awesome lightweight way.

import 'good-map';
import 'good-map-marker';
import { html, render } from 'lit-html';

(async () => {
const markers = await getMarkers(); // whatev

const goodMapMarker = marker => html`
  <good-map-marker
    latitude="${marker.position.lat}"
    latitude="${marker.position.lng}"></good-map-marker>`;

const goodMap = markers =>
  html`<good-map>${markers.map(goodMapMarker)}</good-map>`

render(goodMap(markers), document.body);
})();

What do you think?