Use of FontAwesome without all.js depencency?

Đang mở
  • Có gì không ổn?
#1,827 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, typescript
Lĩnh vực
api, frontend

Hướng nghiên cứu

Bắt đầu với AdvancedMarkerElement HTML markers example được liên kết trong issue và kiểm tra cách dependency FontAwesome all.js của nó được sử dụng. Tái tạo cấu hình CSS-only được mô tả; hoàn tất khi marker tương tác được render mà không có dependency 15MB, tên glyph bị thiếu hoặc xung đột CSS.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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?

Ngôn ngữ chính
TypeScript
Star
804
Fork
826
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của googlemaps/js-samples

Tất cả issue của googlemaps/js-samples

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.