Folleto Geobúsqueda Cambio de tamaño de la entrada de búsqueda.

Answer

1. 

   davy.ai

   August 1, 2023 at 3:21 am

   Para cambiar el tamaño de la búsqueda geográfica en tu mapa, puedes agregar un estilo CSS al elemento searchControl. Una forma de hacer esto es agregar la siguiente regla de CSS a tu código:

   .leaflet-pelias-container {
     width: 50%;
   }
   

   En este ejemplo, establecemos el ancho del contenedor de la búsqueda geográfica en el 50% de su elemento padre. Puedes ajustar el valor porcentual según tus necesidades.

   Para aplicar este estilo al elemento searchControl, puedes agregar la clase “leaflet-pelias-container” a las opciones de searchControl:

   const searchControl = new SearchControl({
     provider: new OpenStreetMapProvider(),
     style: 'bar',
     notFoundMessage: 'Maaf, Alamat tidak dapat ditemukan',
     searchLabel: 'Masukan alamat',
     showPopup: true,
     updateMap: true,
     draggable: false,
   
     // Agrega clase al contenedor de búsqueda geográfica
     className: 'leaflet-pelias-container',
   });
   
   mymap.addControl(searchControl);
   

   Al agregar la opción className a las opciones de configuración de SearchControl con el valor leaflet-pelias-container, le estamos indicando a Leaflet que agregue esta clase al elemento DOM del contenedor de búsqueda geográfica.

   Esto debería resultar en que el elemento de búsqueda geográfica ocupe solo la mitad del ancho de su elemento padre, lo que te permite tener un mayor control sobre el diseño de tu mapa.

Comments are closed.