Use of FontAwesome without all.js depencency?

Abierto
#1,827 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
25/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript, typescript
Área
api, frontend

Línea de trabajo

Comienza con el AdvancedMarkerElement HTML markers example enlazado en el issue e inspecciona cómo se usa su dependencia FontAwesome all.js. Reproduce la configuración CSS-only descrita; se considera terminado cuando el marcador interactivo se renderiza sin la dependencia de 15MB, nombres de glifos faltantes ni conflictos de CSS.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I have a map with AdvancedMarkerElements working great. Unfortunately, the sample scripts in the repo here depend on the use of FontAwesome's all.js package. In addition to being a 15MB download, it conflicts with the general CSS-based implementation, overwriting some CSS glyphs with question marks.

Removing the library dependency results in the rendering of the AdvancedMarkerElement having the name of the glyph removed from the content.

I've searched through the API documentation for Maps and extensively online but can't find a way to prevent the AdvancedMarkerElement from trying to replace the glyph and forcing SVG, as well as preventing it from conflicting with the standard FA Pro CSS implementation.

To further complicate things, I am trying to use a pin highlight for interaction, so the basic PinElement approach doesn't seem like it will work. Basically, I'm trying to recreate the example found at https://developers.google.com/maps/documentation/javascript/advanced-markers/html-markers#interactive_markers but without the SVG library dependency.

Any suggestions on how to address this or what I am overlooking?

Lenguaje dominante
TypeScript
Estrellas
804
Forks
826
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de googlemaps/js-samples

Todos los issues de googlemaps/js-samples

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.