PHPackages                             lbcdev/livewire-map-component - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. lbcdev/livewire-map-component

ActiveLibrary[Utility & Helpers](/categories/utility)

lbcdev/livewire-map-component
=============================

A Livewire component for interactive maps using Leaflet

v1.0.4(4mo ago)1131MITPHPPHP ^8.1|^8.2|^8.3

Since Jan 3Pushed 4mo agoCompare

[ Source](https://github.com/Luinux81/livewire-lbcdev-component-map)[ Packagist](https://packagist.org/packages/lbcdev/livewire-map-component)[ RSS](/packages/lbcdev-livewire-map-component/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (2)Versions (5)Used By (1)

Livewire Map Component
======================

[](#livewire-map-component)

Un componente Livewire flexible e interactivo para mapas usando Leaflet.js.

Características
---------------

[](#características)

- 🗺️ Mapas interactivos con Leaflet.js
- 📍 Marcadores arrastrables
- 🎯 Click en el mapa para colocar marcadores
- 📋 Entrada manual de coordenadas
- 🎨 Soporte para modo claro/oscuro
- 🔒 Modo de solo lectura opcional
- ⚡ Eventos Livewire para integración con otros componentes

Requisitos
----------

[](#requisitos)

- PHP 8.1 o superior
- Laravel 10.x o superior
- Livewire 3.x

Instalación
-----------

[](#instalación)

### 1. Instalar el paquete via Composer

[](#1-instalar-el-paquete-via-composer)

```
composer require lbcdev/livewire-map-component
```

### 2. Incluir Leaflet.js en tu layout

[](#2-incluir-leafletjs-en-tu-layout)

Agrega estos scripts en el `` de tu layout principal (antes de `@livewireStyles`):

```

```

### 3. (Opcional) Publicar las vistas

[](#3-opcional-publicar-las-vistas)

Si deseas personalizar las vistas del componente:

```
php artisan vendor:publish --tag=lbcdev-map-views
```

Las vistas se publicarán en `resources/views/vendor/lbcdev-map/`.

Uso Básico
----------

[](#uso-básico)

### Uso simple

[](#uso-simple)

```

```

### Con coordenadas iniciales

[](#con-coordenadas-iniciales)

```

```

### Modo de solo lectura

[](#modo-de-solo-lectura)

```

```

### Con todas las opciones

[](#con-todas-las-opciones)

```

```

Propiedades
-----------

[](#propiedades)

| Propiedad | Tipo | Default | Descripción | | --------- | ---- | ------- | ----------- |-------------| | `latitude` | `?float` | `null` | Latitud inicial del marcador | | `longitude` | `?float` | `?null` | Longitud inicial del marcador | | `interactive` | `bool` | `true` | Permite interacción con el mapa | | `showLabel` | `bool` | `true` | Muestra etiqueta con coordenadas | | `showPasteButton` | `bool` | `false` | Muestra botón para pegar coordenadas | | `height` | `int` | `400` | Altura del mapa en píxeles | | `zoom` | `int` | `15` | Nivel de zoom inicial |

Integración con Formularios
---------------------------

[](#integración-con-formularios)

### Usando en un formulario Livewire

[](#usando-en-un-formulario-livewire)

```