이모티콘으로 지도에서 사용할 수 있는 아이콘 서버를 만들어 보았는데, 정말 편리했다
평소주식회사 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 보고하세요.
과제.
例: 26f1 ⛱
등을 직접 지정할 수 없다는 논의도 있었지만, 지정 방법이 직관적이지 않아 그림문자를 직접 지정하는 방법을 결정했다.CodePoint 지정이 좋다는 등의 피드백이 있으면 알려주세요.감상
나는 자화자찬하는데
icon-image: 🎁
처럼 그림과 문자를 직접 지정할 수 있는 것은 너무 편리하지 않습니까?(Mac 사용자들에게는) GIS계 인근뿐만 아니라 웹에서도 평소 사용하던 그림 문자를 지도의 디자인으로 사용할 수 있어 지도 개발에 들어가는 난이도가 낮아졌다.꼭 해보세요!이바지
언제든지 팟캐스트와 이슈를 환영합니다!
CodePoint
끝말
다음은 (ArcGIS online에 지리원 지도 Vector(가칭)의 벡터 타일(ArcGIS 서버 이외에 제공된 것)를 보여주는 글입니다.기대된다!
Reference
이 문제에 관하여(이모티콘으로 지도에서 사용할 수 있는 아이콘 서버를 만들어 보았는데, 정말 편리했다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/naogify/items/336e4fe19842feb38ea6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)