# XWUIGISMarkerPrice

Low-profile map pin: a type icon plus a compact money amount and currency, sized to sit on a map without crowding neighbouring pins.

This class is a **preview adapter**, not the code path a live map pin actually uses. A real pin calls `buildGISMarkerPriceHtml()` directly and hands the returned HTML string to the map engine's marker renderer (`xwui-gis-map` and `xwui-map` both render pins this way, not as mounted components). `XWUIGISMarkerPrice` exists so a tester or a standalone `<xwui-gis-marker-price>` element can show the exact same markup outside a map, for visual review.

`data.iconHtml` is trusted markup (SVG or an icon snippet) - the caller owns sanitising it before it reaches here. `data.amount`/`data.currency` are formatted compactly (e.g. `1.2M`); pass `data.compactAmount` instead when the host has already converted to a display currency, and it is used verbatim. `data.approximate` prefixes the amount with `~` for an estimated value.

## Basic Usage

```js
import { buildGISMarkerPriceHtml } from '@exonware/xwui/gis';

const html = buildGISMarkerPriceHtml({
  iconHtml: '<svg>...</svg>',
  amount: 1250000,
  currency: 'USD',
});
mapEngine.addMarker({ lat, lng, html });
```

```html
<!-- Preview only - not how a live pin renders -->
<xwui-gis-marker-price amount="1250000" currency="USD"></xwui-gis-marker-price>
```

```api
```