es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Remover el marcador por defecto del Geocoder de Mapbox.

Actualmente soy un principiante que está intentando construir un proyecto utilizando ReactJS y Mapbox GL JS. Hasta ahora, he creado un mapa con un Geocoder, controles de navegación y marcadores en ubicaciones recuperadas de un archivo JSON. Sin embargo, lo molesto es que cada vez que busco una ubicación usando el Geocoder, coloca un marcador en el lugar que he buscado. Por ahora, simplemente he editado la propiedad del marcador y le he cambiado el color en comparación con los marcadores de las ubicaciones del archivo JSON, para que se vea presentable, pero esta solución solo es temporal. ¿Cómo puedo eliminar completamente el marcador por defecto? Adjunto está el código del elemento Geocoder:

const geocoder = new MapboxGeocoder({
  accessToken: mapboxgl.accessToken,
  mapboxgl: mapboxgl,
  placeholder: "Buscar Ciudad, Estado, País, Código Postal",
  marker: {
    color: "negro",
  },
});
map.addControl(geocoder);

Básicamente, estoy intentando encontrar una manera de deshacerme por completo del marcador del Geocoder. ¡Gracias!

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para eliminar el marcador predeterminado del geocodificador en Mapbox GL JS, simplemente puedes establecer la propiedad marker en false al crear la instancia de MapboxGeocoder. Aquí tienes un fragmento de código actualizado:

    const geocoder = new MapboxGeocoder({
      accessToken: mapboxgl.accessToken,
      mapboxgl: mapboxgl,
      placeholder: "Buscar Ciudad, Estado, País, Código Postal",
      marker: false // Establecer en false para eliminar el marcador predeterminado
    });
    
    map.addControl(geocoder);
    

    Con este código actualizado, el geocodificador ya no colocará un marcador predeterminado en el mapa cuando se busque una ubicación.

Comments are closed.