이모티콘으로 지도에서 사용할 수 있는 아이콘 서버를 만들어 보았는데, 정말 편리했다

안녕하십니까, 저는 벡터 배열 달력 로드 2021의 다음날 담당자인 대교 직기입니다.
평소주식회사 Geolonia에서 스타일 개발을 맡고 있습니다.또 UNVT의 멤버로서Charites도 편집했다.
계속해서 @hfu의 글을 쓰다.
며칠 전에 어떤 프로젝트를 할 때 그림과 문자를sprite에 쓰면 된다고 들었어요.
그래서 우리는 그림 문자왜 계속 지도와 관련이 있을까요?를 지도 아이콘(MapboxGL JS)으로 보내는 아이콘용 서버를 만들었다.
데모
Twemoji
데모 URL

창고.
https://naogify.github.io/emoji-style/
사용법
다음 URL을 style.json의 값sprite으로 설정하십시오.
https://naogify.github.io/twemoji-sprites/icons
다음에 스타일에 아이콘을 지정할 때 지정할 그림 문자를 icon-image 로 지정하십시오.
예제
🚌 아이콘
icon-image: 🚌
실제 스타일로 구현된 창고도 있으니 참고하세요.
https://github.com/naogify/twemoji-sprites
사용 가능한 그림 문자 목록
사용할 수 있는 그림의 문자 일람은 여기를 참고하세요.
얼굴 문자, 사람, 기호계의 아이콘과 상기 URL이 열린 후의 시간대는 5863이고 두부 문자의 문자는 사용할 수 없습니다.양해 부탁드립니다.
Windows 환경에서 사용할 수 있는 그림 문자는 상당히 제한되어 있다.(Mac가 지정한 그림 문자 아이콘은 열람할 수 있지만 Windows가 지정한 그림 문자는 제한되어 있음) 맞습니다.
문제가 있으면 https://github.com/naogify/emoji-style 보고하세요.
과제.
  • Windows 환경 사용자들이 사용할 수 있는 그림 문자의 종류는 비교적 적다.
  • 그림문자Issue例: 26f1 ⛱ 등을 직접 지정할 수 없다는 논의도 있었지만, 지정 방법이 직관적이지 않아 그림문자를 직접 지정하는 방법을 결정했다.CodePoint 지정이 좋다는 등의 피드백이 있으면 알려주세요.
    감상
    나는 자화자찬하는데 icon-image: 🎁처럼 그림과 문자를 직접 지정할 수 있는 것은 너무 편리하지 않습니까?(Mac 사용자들에게는) GIS계 인근뿐만 아니라 웹에서도 평소 사용하던 그림 문자를 지도의 디자인으로 사용할 수 있어 지도 개발에 들어가는 난이도가 낮아졌다.꼭 해보세요!
    이바지
    언제든지 팟캐스트와 이슈를 환영합니다!
    CodePoint
    끝말
    다음은 (ArcGIS online에 지리원 지도 Vector(가칭)의 벡터 타일(ArcGIS 서버 이외에 제공된 것)를 보여주는 글입니다.기대된다!

    좋은 웹페이지 즐겨찾기