'use client'

import React from 'react'
import { MapProvider } from '@/app/map-context'
import { MapComponent } from './map-component'
import { MapControls } from './map-controls'

export function MapExample() {
    return (
        <MapProvider>
            <div className="relative w-full h-screen">
                <MapComponent
                    center={[103.851959, 1.290270]} // 北京坐标
                    zoom={10}
                />
                <MapControls />
            </div>
        </MapProvider>
    )
}