🔧 How to Connect Your Framer CMS

Step 1: In your parent Framer component/page

import { useCollection } from "framer"
import CitiesMap from "./CitiesMap"

export default function MyPage() {
    const cities = useCollection("Cities")
    return <CitiesMap cities={cities} />
}

Step 2: Make sure your CMS has these fields

• lat or latitude (Number)
• lon, lng, or longitude (Number)
• name or city (Text)
• country (Text, optional)

⚠️ Currently showing test data. Pass your CMS data as props to see your real cities!

Карта