Navigate

hello@customei.apponline
Niche · 04

Interactive maps

Mapbox Static Images, proxied through Customei: pick a style, coordinates, zoom, bearing, pitch and a marker. The same layer renders identically in the admin preview and on the storefront.

Try it — right here

map framinglive demo
SAIGONZ12 · 0° BEARING

Framing preview only — production requests real Mapbox Static Images through the app, with the token kept server-side.

01

A map layer, with the key kept server-side

Map tiles come from Mapbox Static Images, requested through the Customei app rather than from the shopper's browser. That keeps the token off your storefront, keeps usage accounted against your plan rather than leaking, and lets us cache identical requests — three customers picking the same city centre cost one tile fetch.

Proxied
No Mapbox token in your theme or on the client.
Cached
Repeated coordinate / zoom / style combinations are served from cache.
Consistent
Admin preview and storefront request the same URL.
publishtpl.a91f3cimmutable · cache foreveredge
02

The controls that make a map a gift

Style, zoom, bearing and pitch are the difference between a map and a screenshot of a map. Expose the ones you want customers to touch and lock the rest — most stores let shoppers pick the place and keep the styling fixed, so every order still looks like your brand.

Place picker
Search or drop a pin; the field stores latitude and longitude.
Framing
Zoom, bearing and pitch, exposed or locked per product.
Markers
Optional pin, heart or custom marker from your library.
03

Why this is niche, and how it differs

Map prints are a mature category with dedicated single-product sites. What almost nobody offers is a map as a composable layer: warped onto a mug, masked into a heart, sitting beside a star map and a date on the same canvas. Because it is an ordinary Customei layer, all of that is just layout.

Specifications

The numbers, so you can check them against what your production partner actually needs.

Generator
Source
Mapbox Static Images, proxied server-side
Inputs
Style · latitude / longitude · zoom · bearing · pitch · marker
Exposure
Any input can be customer-facing or locked
Caching
Identical requests served from cache

Keep reading

Next step

Try it on your
own product.

Install Customei, attach an option set, and see this working on a real listing. Every plan ships with a 14-day trial — no card.