\r\n {point.title}\r\n
\r\n);\r\n\r\n{{point.title}}
`}\r\n/>\r\n```\r\n\r\n### Usando tooltipComponent (Componente React)\r\n\r\n```jsx\r\nconst CustomTooltip = ({ point }) => (\r\n\r\n {point.image && 
}\r\n
\r\n);\r\n\r\n{point.title}
\r\n{point.description}
\r\n\r\n {point.image && }\r\n
\r\n);\r\n\r\nfunction App() {\r\n const [mode, setMode] = useState('view');\r\n\r\n const handlePointClick = (point) => {\r\n console.log('Punto clickeado:', point);\r\n };\r\n\r\n return (\r\n {point.title}
\r\n{point.description}
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n## Exportaciones del Paquete\r\n\r\n```jsx\r\n// Componente Map principal\r\nimport { Map } from '@bydavito/map-core';\r\n\r\n// Estilo JSON del mapa (para uso avanzado)\r\nimport { mapStyle } from '@bydavito/map-core';\r\nimport '@bydavito/map-core/style'; // En formato JSON\r\n```\r\n\r\n## Scripts Disponibles\r\n\r\n```bash\r\n# Desarrollo\r\nnpm run dev # Inicia el servidor de desarrollo\r\n\r\n# Build\r\nnpm run build # Compila la librería para producción\r\n\r\n# Linting\r\nnpm run lint # Ejecuta ESLint\r\n\r\n# Preview\r\nnpm run preview # Previsualiza el build\r\n```\r\n\r\n## Estructura del Proyecto\r\n\r\n```\r\nmap-core/\r\n├── src/\r\n│ ├── components/\r\n│ │ └── Map/\r\n│ │ ├── Map.jsx # Componente principal del mapa\r\n│ │ ├── MapPoint.jsx # Componente de punto/marcador\r\n│ │ ├── Tooltip.jsx # Componente de tooltip\r\n│ │ ├── Map.css # Estilos del mapa\r\n│ │ └── Style.json # Estilo de MapLibre\r\n│ ├── App.jsx # Componente de ejemplo\r\n│ ├── index.js # Entry point de exportación\r\n│ └── main.jsx # Punto de entrada React\r\n├── package.json\r\n├── vite.config.js # Configuración de Vite\r\n└── README.md\r\n```\r\n\r\n## Dependencias\r\n\r\n### Dependencies\r\n- `maplibre-gl@^5.17.0` - Librería de mapas\r\n\r\n### peerDependencies\r\n- `react@^18.0.0 || ^19.0.0`\r\n- `react-dom@^18.0.0 || ^19.0.0`\r\n\r\n### DevDependencies\r\n- `vite@^5.4.1`\r\n- `@vitejs/plugin-react@^5.1.1`\r\n- `eslint@^9.39.1`\r\n- Y otros para linting y типado\r\n\r\n## Estilos CSS Incluidos\r\n\r\nEl componente incluye estilos básicos en `Map.css`:\r\n\r\n```css\r\n.map-container /* Contenedor principal */\r\n.map-markers-container /* Contenedor de marcadores */\r\n.map-point /* Punto/marcador individual */\r\n.tooltip /* Contenedor del tooltip */\r\n.tooltip img /* Imagen del tooltip */\r\n.tooltip h4 /* Título del tooltip */\r\n.tooltip p /* Descripción del tooltip */\r\n```\r\n\r\n## Licencia\r\n\r\nMIT License - © 2024 Bydavito\r\n\r\n## Autor\r\n\r\nDesarrollado por Bydavito - Sistema de Arquitectos\r\n","readmeFilename":"README.md"}