5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T681,

A location map for Framer that draws itself: no tile server, no API key, no request at runtime.

Places are plain lines of text: a label, a latitude, a longitude and an optional group. Coordinates are read leniently, so 51.5074, "51.5074 N" and "51.5074 degrees" all land in the same place, and a field a visitor clears falls back to its own default rather than to zero, which would drop every marker into the Gulf of Guinea.

The projection is plate carree, and the coastline outline was generated with the identical formula, so a marker and the land under it cannot disagree. Latitude clamps at the poles, so a typo stays visible instead of teleporting, and longitude wraps across the antimeridian.

Six regions crop the view: world, Europe, North America, South America, Asia and Oceania. The map letterboxes into whatever frame it is given rather than stretching, so the outline and the markers stay aligned at any shape.

Markers take a size and a colour, with an optional pulse that stops under reduced motion, an optional route arc between two places, and a legend that groups places by their group name. Every colour is a control: land, coast, ocean, grid, markers, route, text and chips.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

5a:[["$","$L5d",null,{"post":{"id":"01a0c4c4-8092-7689-921f-745857b82173","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"17XlAzmIWCfBb12cQzuV","resolved":true,"title":"Location Map","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A location map for Framer that draws itself: no tile server, no API key, no request at runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Places are plain lines of text: a label, a latitude, a longitude and an optional group. Coordinates are read leniently, so 51.5074, \"51.5074 N\" and \"51.5074 degrees\" all land in the same place, and a field a visitor clears falls back to its own default rather than to zero, which would drop every marker into the Gulf of Guinea."}]},{"type":"paragraph","content":[{"type":"text","text":"The projection is plate carree, and the coastline outline was generated with the identical formula, so a marker and the land under it cannot disagree. Latitude clamps at the poles, so a typo stays visible instead of teleporting, and longitude wraps across the antimeridian."}]},{"type":"paragraph","content":[{"type":"text","text":"Six regions crop the view: world, Europe, North America, South America, Asia and Oceania. The map letterboxes into whatever frame it is given rather than stretching, so the outline and the markers stay aligned at any shape."}]},{"type":"paragraph","content":[{"type":"text","text":"Markers take a size and a colour, with an optional pulse that stops under reduced motion, an optional route arc between two places, and a legend that groups places by their group name. Every colour is a control: land, coast, ocean, grid, markers, route, text and chips."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"Plot places from plain text","slug":"location-map","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0c4c3-076c-74be-a8a4-1b87264f0c27.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T16:20:06.841Z","updatedAt":"2026-09-21T16:20:06.841Z","publishedAt":"2026-09-21T16:20:06.838Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/location-map","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_19cSxjZ5HwWcRilxpAgBJMxGiiYB06RnyIiel42Jggd","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"igirT2FUDq8yR6GgUt75","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T16:20:07.442Z","updatedAt":"2026-09-21T16:20:07.442Z","reported":false}}],"$L5f"]

Suggested for you