The `<tc:object/>` tag create an iframe. External objects can be included, when Content Security Policy is activated. You may add a child-src policy to the 'tobago-config.xml'.

    <tc:object src="https://www.openstreetmap.org/..."/>

A `<tc:object/>` tag can contain a style tag. In this case it's `<tc:style width="100%"/>`.

There are two `<tc:button/>` within a `<tc:buttons/>` in this example. The first show the island Tobago, the second show the worldmap in `<tc:object id="map">`. The buttons send the parameter (maps-position, maps-zoom, maps-target) to an `object.js`, which is shown in the objects.js-box. The JavaScript build the URL for the iframe.

    <tc:button label="Show Tobago" omit="true">
      <tc:dataAttribute name="maps-position" value="11.249123,-60.687103"/>
      <tc:dataAttribute name="maps-zoom" value="12"/>
      <tc:dataAttribute name="maps-target" value="page:map"/>
    </tc:button>