geoloniamaps / basic Goto Github PK

View Code? Open in Web Editor NEW

13.0 6.0 6.0 1.54 MB

Basic スタイルのテンプレートリポジトリです。お好みのスタイルにカスタマイズできます。

Home Page: https://geoloniamaps.github.io/basic/

JavaScript 100.00%

geolonia-style

basic's Introduction

Basic

このリポジトリは、Geolonia の Basic スタイルをカスタマイズし公開するためのテンプレートリポジトリです。

以下のような簡単な手順でお好みのスタイルにカスタマイズし、地図として表示できます。

ユーザーがカスタマイズする際の手順

Use this template ボタンでこのリポジトリをコピー。
GitHub Pages を設定。
style.yml を編集。
しばらくすると gh-pages ブランチに style.json がコミットされるので、Geolonia Maps で表示する場合は、その URL を以下のように指定してください。

<div data-style="https://<あなたのGitHubユーザー名>.github.io/<リポジトリ名>/style.json"></div>

GitHub Pages の設定方法

GitHub のリポジトリのメニューの中にある [Settings] をクリックしてください。
移動先のページの下の方にある [GitHub Pages] のところで、以下のように設定してください。

色のカスタマイズ

style.yml を開いて下さい。以下をお好きな色のカラーコードに変更しコミットして下さい。

$background: rgba(254, 254, 254, 1)

# カスタマイズここまで

basic's People

Contributors

Stargazers

Watchers

Forkers

miya0001 u5t shinichinishikawa tk-suzuki sano2495 lilmai

basic's Issues

低ズームで都道府県名ではなく主要な都市名を表示したい

Geolonia の地図では低ズームの時都道府県名を表示していますが、他の地図を見てみると都道府県名を表示している地図は一つもなかった。

主要な都市、札幌、仙台、東京、名古屋、大阪、広島、福岡を表示したい。（タイル生成時にクラスを追加する必要がある、、、？？）

参考

https://www.google.co.jp/maps/@37.3369031,132.4027068,5.7z?hl=ja

PR毎にベンチマーク計測する環境を用意する

mapbox-gl-js を参考に、PR毎に読み込み速度を表示するコメントを追加する。

https://github.com/mapbox/mapbox-gl-js/blob/main/bench/README.md

タイルから海上国道や未成道のデータを削除した後に、#40 をリバートする

Oceanus が GitHub にコミットされていない

Oceanus の最新版が GitHub にコミットされていないので、これは社内のルールとして、ローカルでの作業ファイルを直接本番にデプロイするのはやめましょう。

OMT依存を解消したい

oceanus のラベルが国際化されない

スタイルの問題だった。

$ curl 'https://cdn.geolonia.com/style/geolonia/basic/en.json' -sL | jq '.layers' | jq '.[] | select(.id=="oc-label-country")' | jq .layout
{
  "text-font": [
    "Noto Sans Regular"
  ],
  "text-size": 14,
  "text-field": [
    "to-string",
    [
      "get",
      "name"
    ]
  ],
  "text-max-width": 8,
  "visibility": "visible"
}

Originally posted by @kamataryo in https://github.com/geolonia/oceanus-internal/issues/24#issuecomment-963868162

高松市などの行政界の表示のされ方が、他の市町村と異なっている

町字ごとの行政行政界が表示されている？

丸亀市、坂出市でも同じように表示されている。

プロパティは以下の通り。

{
 "properties": {
      "admin_level": 9,
      "disputed": 0,
      "maritime": 0
    },
    "id": 516,
    "layer": {
      "id": "boundary-land-level-4",
      "type": "line",
      "source": "geolonia",
      "source-layer": "boundary",
      "maxzoom": 14,
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": {
          "r": 0.6196078431372549,
          "g": 0.611764705882353,
          "b": 0.6705882352941176,
          "a": 1
        },
        "line-dasharray": {
          "from": [
            3,
            1,
            1,
            1
          ],
          "to": [
            3,
            1,
            1,
            1
          ]
        },
        "line-width": 2
      }
    },
    "source": "geolonia",
    "sourceLayer": "boundary",
    "state": {}
  }
}

道路標識のアイコンを、標識のデザインにしたい

今は道路番号は、四角で表示されている。

これを、下のような実際の標識のデザインにしたい。

https://ja.wikipedia.org/wiki/%E5%9B%BD%E9%81%93#/media/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Japanese_National_Route_Sign_0001.svg

河川名レイヤの改善

河川名（線属性）は、かなり拡大しないと表示されないので、小縮尺状態（zoom_level=5以降あたり）に、点の河川名レイヤがあってもよいように思います。
以下、Geoloniaさんのスタイル（抜粋）とキャプチャです。

waterway-name,symbol,waterway,minzoom=13,
filter=['all', ['==', '$type', 'LineString'], ['has', 'name']]

島の名前を表示したい

大きいズーム

https://deploy-preview-20--style-basic.netlify.app/#10.4/34.4155/134.0306

ひいて見たところ

https://deploy-preview-20--style-basic.netlify.app/#13.27/34.4048/134.04604

地下鉄が必要か検討

地下鉄の路線名を表示

海外で国境と行政界が混在している？＆謎の境界線があるように見える。

お堀の名前のラベル、陸地の地物のものより大きく表示される

お堀の名前よりも、陸地の地物の方がユーザーの関心は大きそう。
ある程度大きい自然湖沼はラベルが大きく表示されたほうがいいが、皇居のお堀などは名前を非表示にした方がいい？
https://deploy-preview-20--style-basic.netlify.app/#14.1/35.68191/139.75244

北方領土でロシア語と日本語が混在

道路名を表示する

水域の色味の見直し

200m以浅と200m以深で色がマッチしていないように感じる。200m以浅は赤みが強い。

depth	hex	rgb	hsl	source	layer
0m	`#a0c8f0`	`rgb(160, 200, 240)`	`hsl(210.0, 72.7%, 78.4%)`	`geolonia-water`	海・川
200m	`#02b7ed`	`rgb(002, 183, 237)`	`hsl(193.8, 98.3%, 46.9%)`	`oceanus`	海
1000m	`#02aae4`	`rgb(002, 170, 228)`	`hsl(195.4, 98.3%, 45.1%)`	`oceanus`	海
2000m	`#0393d4`	`rgb(003, 147, 212)`	`hsl(198.7, 97.2%, 42.2%)`	`oceanus`	海
3000m	`#0388cd`	`rgb(003, 136, 205)`	`hsl(200.5, 97.1%, 40.8%)`	`oceanus`	海
4000m	`#0479c3`	`rgb(004, 121, 195)`	`hsl(203.2, 96.0%, 39.0%)`	`oceanus`	海
5000m	`#0563b5`	`rgb(005, 099, 181)`	`hsl(208.0, 94.6%, 36.5%)`	`oceanus`	海
6000m	`#0645a1`	`rgb(006, 069, 161)`	`hsl(215.6, 92.8%, 32.7%)`	`oceanus`	海
7000m	`#072d91`	`rgb(007, 045, 145)`	`hsl(223.5, 90.8%, 29.8%)`	`oceanus`	海
8000m	`#081a84`	`rgb(008, 026, 132)`	`hsl(231.3, 88.6%, 27.5%)`	`oceanus`	海
9000m	`#090979`	`rgb(009, 009, 121)`	`hsl(240.0, 86.2%, 25.5%)`	`oceanus`	海
10000m	`#111188`	`rgb(017, 017, 136)`	`hsl(240.0, 77.8%, 30.0%)`	`oceanus`	海