【Ruby】Fontawesome 5에서 맵에 표시하는 마커를 생성하는 Gem

Shizuoka 온라인으로 Ruby에서 웹 서비스를 개발하는 Kazuomatz입니다. 여러가지 안건으로 Google Map이나 Open Street Map, iOS의 맵 등에 마커를 세우는 것입니다만, Google Map의 디폴트의 핀으로는 아무렇지도 않게, 라고 하고, 1점, 1점 디자이너에 주문하는 것도 있으므로, FontAwesome 를 사용하여 마커를 합성하는 라이브러리를 만들었습니다.

AwesomeMapMarker





AwesomeMapMarker는 Google Map, Open Street Map, iOS 지도 등의 지도에 표시할 마커를 FontAwesome을 사용하여 생성하는 라이브러리입니다. FontAwesome 아이콘과 마커의 색상과 크기를 지정할 수 있습니다.
GitHub

요구사항


  • ImageMagick 6.9x
  • MiniMagick

  • 설치 방법



    번들로 설치할 수 있습니다.

    Gemfile
    gem 'awesome_map_marker'
    

    사용법



    sample.rb
    require 'awesome_map_marker'
    
    image = AwesomeMapMarker.generate
    
    #imageは、MiniMagick::Imageクラスのインスタンスです。
    image.write('/path/to/save')
    

    매개변수를 지정하지 않으면 다음 마커가 생성됩니다.



    매개변수



    매개변수는 Hash입니다.


    매개변수
    설명


    :type  
    Fontawsome의 유형을 지정합니다. 지정 가능은 타입은 :fas(solid), :fab(brand)의 2종류만입니다. 기본값은 :fas(Solid)입니다.

    :name        
    Fontawesome의 폰 이름(예: "fa-smile-beam")을 지정합니다. 기본값은 "fa-map-marker-alt"입니다.

    :fill_color    
    마커의 색상을 16진수로 지정합니다. 예: "#ff0000". 기본값은 "#e45340"입니다.

    :size  
    정사각형의 가장자리 길이를 지정합니다. 기본값은 128입니다. 1024 이상을 지정하면 1024로 간주합니다.


    반환값



    반환값은 MiniMagick::Image 의 인스턴스입니다.
    크기를 0으로 지정하거나 fontawesome에 정의되지 않은 name을 지정하면 nil이 리턴됩니다.

    Solid icon 생성


    image = AwesomeMapMarker.generate(type: :fas,
                                      name: 'fa-smile-beam',
                                      fill_color: '#5e4fab')
    



    브랜드 아이콘 생성


    image = AwesomeMapMarker.generate(type: :fab,
                                      name: 'fa-github',
                                      fill_color: '#000000')
    



    사이즈 지정


    image = AwesomeMapMarker.generate( type: :fas,
                                       name: 'fa-pastafarianism',
                                       fill_color: '#b23892',
                                       size: 64)
    



    색과 아이콘의 조합으로 다양한 마커를 생성할 수 있으므로, 여러가지 활용할 수 있다고 생각하므로, 꼭 사용해 보세요.

    좋은 웹페이지 즐겨찾기