CSS Filter와 Leaflet을 사용하여 지리원 타일에 효과를 적용하십시오.

2645 단어 CSSleaflet

소개



지리원지도에서 일본 전국의 적색 입체지도의 제공이 시작되었습니다.

  • 지형을 직관적으로 알 수 있는 지도를 공개합니다. (국토지리원 2018-06-06)

  • 일본 전국의 '적색 입체지도'가 무제한, 국토지리원이 웹으로 공개 (인터넷 시계 2018-06-07)

  • 그러나 반향 를 보면 글로함이 신경이 쓰여 정시할 수 없는 분들도 일정 수 있는 것 같습니다. 지도 표시 라이브러리 Leaflet 을 사용하여 지리원 타일을 보고 CSS 필터 을 적용하여 지도의 색상을 변경해 보세요.

    추가 (2018-06-25)



    국토지리원 콘텐츠 이용 약관 (2018-06-25 보기)에 따르면

    적색 입체 지도는 ​​아시아 항측 주식회사의 특허(제3670274호 등)를 사용하여 작성한 것입니다. 적색 입체 지도를 이용하시는 경우는 아시아 항측 주식회사의 허락 조건을 확인하여 이용해 주십시오.

    라고 하고 있어, 링크처의 허락 조건에 저촉하지 않도록 이용할 필요가 있습니다. 이 기사가 허락 조건에 저촉하는지 여부는 판단하기 어렵기 때문에, 이 기사의 이미지 및 데모, 소스 코드로부터 적색 입체도를 사용하는 것을 자주 규제했습니다.

    도구



    Leaflet에서 지리원 타일을 표시하고 배경지도에 CSS Filter를 적용하는 도구를 만들었습니다.
  • Demo : htps : // bl. 오크스. rg / f 여과 또는 t / 등 w / d3b9c8039f13b0603120df7 A2e dfb0c /
  • Source : htps : // 기 st. 기주 b. m / f 필터 g 또는 t / d3b9c8039f13b0603120df7 A2e dfb0c

  • 왼쪽 슬라이더를 움직여 다양한 CSS Filter Effect를 적용할 수 있습니다.

    실용적인 사례로는 이런 지리원의 표준지도를



    밤 같은지도


    종이 같은지도


    좋아하는 색조로 조정하여 사용하는 것이 좋은 것은 아닐까 생각합니다.

    좋은 웹페이지 즐겨찾기