スプートニク/新しいスタイルの地図

最近、 Sputnikポータルの地図作成サービスのスタイルを更新しました。 そして、私たちはどのようにアップデートに取り組んだのか、何を試し、何になったのかを伝えたいと思います。 マルチスケールWebマップは、さまざまな機能を組み合わせたものであり、それぞれが個別の紙のマップで実行できます。これは、地形、旅行、旅行、およびさまざまなポータルサービスの基盤です。 したがって、Webマップスタイルを作成することは、さまざまなユーザータスクでマップを同じようにうまく使用できるようにするオブジェクトを表示するためのユニバーサルソリューションの継続的な検索です。







mapostyleの継続的な変化は、主に、ユーザーが地図を見るデバイスが絶えず変化し、画面の解像度が高くなり、最も詳細な地図を許可または必要とすることによるものです。 マルチスケールWebマップのいくつかの機能を考慮する必要もありますが、これはアナログカードでは一般的ではありません。 まず、Webマップは小さな画像またはタイルのコレクションです。 衛星/マップタイルの場合はラスターであるため、すべてのオブジェクトとそのシグネチャは静的であり、マップがスクロールしてもその位置は変化せず、名前が混み合っていても、マップ内をどれだけ移動しても表示されません。 次に、デスクトップ上またはモバイルアプリケーション内のどこでWebマップを使用しますか？ 携帯電話の画面のカバー範囲は狭いため、いくつかのアイコンと適切に選択された塗りつぶしを使用して主要なオブジェクトを強調表示し、美しい画像を作成できます。 しかし、モバイルアプリケーションのユーザーは、都市で小さな画面、田舎、または大画面でうまく機能する同じスタイルが読めないとは思わないかもしれませんが、Satelliteが主に使用されるPCの地図のユーザーは、 /マップ、必ずご覧ください。

したがって、私たちが設定した目標は、国、州の首都、または遠隔の村を見ているかどうかに関係なく、画面上に現実の便利で正確な明確な表示を達成することです。







最初に、スプートニクマップのスタイルを開発するとき、各縮尺の地上のオブジェクトの最大許容数を表示する必要がありました（地形および参照マップで実装されているように）。 ただし、時間の経過とともに、スタイルを変更する過程で、マップをますます一般化（一般化）し、分類を組み合わせて、最も重要と考えられるものだけを残しました。 同時に、ポリゴンオブジェクトと線形オブジェクトの色を使用して作業を行ったところ、コントラストが強くなり、マップの読みやすさが向上しました。 そして、特に「スプートニク」マップスタイルのために、従来の標識のシステムを開発しました。 これら3つの側面についてお話ししたいと思います。 行こう！







汎化について



特定のズームレベルのオブジェクトを一般化する場合、何に焦点を合わせるかを理解することが重要です。これは各オブジェクトの主なものです。 まず、各縮尺レベルに対応する空間カバレッジを決定する必要があります。 これにより、余分な部分を取り除き、主なことに集中できます。

スケールレベル	スケール	カバレッジ
3	1:73 957 194	全世界
4	1:36 978 597	大陸
5-6	1:18 489 298-1：9 244 649	国
7-8	1：4 622 325-1：2 311 162	管理単位1オーダー
9-10	1：1 155 581-1：577 791	2注文の管理単位
11	1：288 895	大都市
12	1：144,448	市街地
13〜15	1:72 224-1:18 056	市区
16〜17	1：9 028-1：4 514	四分の一
18	1：2 257	庭
19	1：1 128	家

サテライト/マップスタイルは、スケールレベル3〜8（いわゆる「世界のスタイル」）および9〜19（「メインスタイル」）の2つの大きなブロックで構成されています。 これらのスタイルは個別に開発されます。最初のケースでは一般化されたベクトルEarth Natural EarthデータとGlobcoverビットマップを使用し、2番目のケースではOpenStreetMap（OSM）データを使用するためです。 スケールレベル7〜8では、これらのスケールは過渡的であるため、ソースの混合があります。 芸術的手段と表示方法について話す場合、Sputnik / Mapsの最新のスタイルアップデートは、特に「基本スタイル」を参照しています。 「Style for Peace」は後で更新され、別の話に値します。 同時に、両方のスタイルについて、それらの一般化原則が開発されました。



衛星/地図の最小縮尺レベルは3で、ユーザーには最大の国が表示されます。 すべての州が首都を表示することが重要であるため、5番目のスケールレベルで表示され、6つの最大都市で表示されます。







7-8のズームレベルでは、道路が主要な役割を果たし始めます。これは、この規模では、地域とその中にある集落ではなく、それらの間のリンクに重点を置くことがより重要だからです。 より小さなスケールでGlobcoverビットマップと一緒に使用するNatural Earthデータの精度は、これには十分ではないため、スケーリングのレベル7からOSMからのデータが追加されます。これは、主に州と地域の道路と境界線です。







スケールレベル9から、ほぼ完全にOSMデータに移行しています。 レベル9から12では、ユーザーは主要な出発ルート、自分の街の周辺（空港、居住地、森林）、市内の自分のエリア、最大の住宅および工業地区を探します。 これらのスケールレベルは非常に一般化されています。 レベル11では、最初は駅と最大の公園のみが表示され、その後、輸送ではなく観光地（修道院、広場、公園、要塞）とは関係のない大きな鉄道駅といくつかのPOI（関心のある地点）が表示されます。 したがって、ユーザーが街を歩いたり、最も面白いものを見て、これらのオブジェクトが現在の場所、街の中心から、そしてお互いの距離を評価できる場所をユーザーに提供します。







スケールが大きくなると、ユーザーの注意は地区から通り、そして家に移ります。 13と14では、スケールレベルもかなり一般化されており、新しいPOIはほとんどありません。 このため、大通り、輸送施設、ガソリンスタンドが強調表示され、地下鉄が表示され、土地利用のタイプがはっきりと見える-住宅地、工業地帯、緑地、病院の領土、教育機関、スポーツセンター。 スケーリングの15番目のレベルから開始して、この時点でユーザーが既に見たいと思っている別々の家を地図上に表示します。 ただし、このレベルのPOIはまだ少しです（不必要な詳細でマップを過負荷にしないため）。 しかし、最大のホテル、劇場、ショッピングセンターがすでに表示されているため、ユーザーはエリア内を移動できます。 次のスケールレベルでは、空間のカバレッジは4分の1に狭まり、最終的に家に重点が移り、その数、バス停、新しいPOIが表示されます。







17番目のスケールレベルでは、ユーザーは最も近いインフラストラクチャ施設を見たいと考えています。 また、地図上の縮尺を拡大すると、新しいPOIのスペースが増えるため、それらを表示できます。 これまでのところ、レストランとカフェはバッジの形でのみ表示されます（署名は次の18レベルにのみ表示されます）。 署名されたバス停、宗教のオブジェクト、銀行。 また、最大19番目のズームレベルでは、木、骨ns、ベンチ、シマウマ、スピードバンプなどの非常に小さなオブジェクトを表示できます。







土地利用タイプについて（ http://wiki.openstreetmap.org/wiki/RU:Key:landuse ）



読みやすさを向上させるために、たとえば商業地区と住宅地区の組み合わせなど、いくつかのタイプの近隣を放棄し、それらを1色で表示し始めました。 同時に、ショッピングセンターの建物は「商業的な」盛土を維持し、地図上で際立っています。 個別の色の工業地帯、教育キャンパス、病院の領土、スポーツ施設、城と要塞、寺院と修道院を示しました。 これらの地区の領土にある建物は、対応する色で塗られています。 スタイルの以前のバージョンと比較すると、15〜16のズームレベルの建物は平らなままで、17では小さなボリュームが表示され、18〜19ではサイズは階数または高さに依存します。







これは、Satellite / Mapスタイルで使用する土地利用タイプの色が、一般的なスキームのように見える方法です（スキームの基礎はここで採用されました ）。







ただし、2つのズームレベル-12（カバレッジ-都市部）と15（建物が表示され、重点が市街地にシフトする場合）の2つのズームレベルでの他のカードと比較した主要な色。 上記の各スケールで最大の領域を占めるパターンがテンプレートに追加されます（パターンのサイズは任意に選択されます）。 以下では、OSMデータが使用されているカード（Satellite / Maps、OpenStreetMap、 MAPS.ME 、 Mapbox Streets ）と他のソースが使用されているカード（ Yandex.Maps 、 Google Maps 、 2GIS 、 HERE ）を比較します。 この場合、データ自体ではなくスタイルを比較するため、これは正しいです。 最初に、12レベルのスケーリング用のテンプレートを検討します。

1.衛星/地図	2.2GIS

3. Googleマップ	4. Yandex.Maps：

5.OSM	6.こちら

7. MAPS.ME	8. Mapbox Streets

一般的に、日陰は似ている-水-青、植生-緑ですが、土地利用のタイプを表示するためにわずかに異なるアプローチが使用されていることがわかります。 一部のマップでは、異なるタイプの土地利用が1色で表示されます。MAPS.MEの場合-4タイプすべてに1色、Googleマップの場合-3タイプ（実際の土地-基質を除く）に1色。 Mapbox Streetsのスタイルでは、さまざまな色合いが使用されますが、互いに非常に近接しています。 基本的に異なるアプローチがOSMマップで使用されます。これは、土地利用の各タイプに独自の色があり、このスタイルに対する高い認識も提供する場合です。 基質（土地）と、別の種類の土地利用に割り当てられていない農業地域（Yandex.Maps、HERE、2GIS）を表示するために、同じ色がしばしば使用されることに注意する価値があります。 スプートニク/マップでは、両方のアプローチを組み合わせてみました-あらゆる種類の土地利用を表示し、同時にマップがカラフルに見えないようにしたかったのです。 農地については、特別なパターンを使用しました。



次に、スケールを拡大し、都市ブロックを強調表示するために使用される色を比較します。

1.衛星/地図	2.2GIS

3. Googleマップ	4. Yandex.Maps：

5.OSM	6.こちら

7. MAPS.ME	8. Mapbox Streets

すべてのマップで、ほとんどの場合住宅の建物よりも暗い建物は、別の色で表示されます。 2GIS、Google Maps、およびここでは、明るいトーンを使用して家を表示します。 ほとんどの場合、工業地帯（Google MapsとMapbox Streetsを除く）は、すべてのマップで別の色（灰色の濃淡）で強調表示されます。 第12スケールレベルと同様に、より大きなスケールで、各タイプの土地利用が色で示されているスタイルと、これらのタイプが組み合わされているスタイルを区別できます。 Yandex.Mapsでは、ほとんどの種類の土地利用が住宅の建物と同じように表示されます-認識されている砂の色で、Googleマップ-灰色で、Mapbox Streets-薄茶色で表示されます。 2GISマップでは、リビングエリアは別の色で強調表示されますが、他の種類の土地利用も同じようにペイントされます。 選択した土地利用タイプを表示するための色の最大数は、OSM、こちら、および衛星/地図で使用されます。 同時に、ポリゴンは柔らかい色でペイントされ、さまざまな種類の土地利用内にある建物は適切な色でペイントされ、背景とは対照的でないため、マップは雑多に見えません。



道路について



マップの読みやすさを改善するために、すべての道路が3色（以前の5色ではなく）で表示されるようになりました：高速道路（高速道路）および幹線（連邦道路および通過ルート）-オレンジ、プライマリ（地方道路および主要都市通り）-黄色、二次（市町村間の重要性のある道路および都市部の主要道路）およびその他-白。







比較をより視覚的にするために、道路の色がどのように変化し、表示されるカテゴリの数がどのように減少するかを明確に示すテンプレートを用意しました（左側は新しい衛星/地図スタイル、右側は古いスタイルです）。







このテンプレートの作成の前に、予備作業が行われました。





もちろん、他のカードについても、そのようなパターンを作りたいと思っていました。 これらは、すべての道路（小さな道路も含む）が描かれた場合のスケーリングのレベル15に対応します。 テンプレートの塗りつぶしは、各カードのリビングエリアを示す色に対応しています。

1.OSM	2.こちら

3. Googleマップ	4. Yandex.Maps

5.2GIS	6. MAPS.ME

それとは別に、Streetsスタイルでは道路の白い塗りつぶしを使用するMapBoxがあります。





ほとんどのマップでは、3つのグラデーションの使用が特徴的であり、主要道路の指定ではオレンジ色のトーンが優勢であり、二次道路の場合は白であることがわかります。 例外はOpenStreetMapとHEREです。これらはより多くのグラデーション（それぞれ5と4）とピンクの濃淡を使用して主要道路を示します。



バッジについて



衛星/地図のアイコンは、ピクセルグラフィックで開発されました。 これにより、ピクセルグリッドに添付できるため、スケーリングのレベルやラスタータイル内の位置に関係なく、アイコンは常にクリアのままで、ぼやけません。 ソーシャルオリエンテーションアイコンは茶色、レジャー、その他は灰色で表示されます。 また、交通機関（ダークグレー）、スポーツ（青）、および自然物などのアイコンクラスを強調表示します。これらは、公園-緑、滝-青などの異なる色で示されます。 スケールレベル11から茶色のアイコンが早く表示されます。 最近の傾向に照らして、バッジを半透明のダイにも配置しましたが、長い間、地形図などのように裏付けなしでそれらを「スタック」して表示しました。



5つのカテゴリのPOI（カフェ、美術館、銀行、バス停、地下鉄駅）を取り上げ、それらが異なるマップにどのように表示されるかを見てみましょう。

	カフェ	博物館	銀行	バス 止まる	メトロ
衛星/地図
Googleマップ
Yandex.Maps
2GIS			いや
MAPS.ME
Openstreetmap
こちら
Mapbox	いや		いや	いや

比較のために、18番目の縮尺レベルが選択されました。これは、すべてのマップで見られる最大の縮尺であるためです。 Mapbox Streetsのスタイルは、POIの表示に重点を置いていないため、大幅に異なることに注意してください。 その他については、基本的にすべてのアイコンセットが同様の要件を満たし、スタイルに自然に適合します。 OSMに加えて、他のすべてのスタイルは主にサイコロアイコンを使用します。 それらの一部はモノクロで透明（Sputnik / Maps、Yandex.Maps）であり、他は透明でなく異なる色（MAPS.ME、こちら）で提供されます。 また、別のカテゴリのすべてのカードには、車両のアイコンが割り当てられています。これは、異なる形状、色のダイ上、またはダイなしで表示されます。 たとえば、2GISマップには銀行のアイコンがなく、Yandex.Mapsは単一のアイコンで表示されるカフェやレストランを区別しませんが、一般的にセマンティックの違いは重要ではなく、特定のアイコンセットの認識には影響しません。 Yandex.Maps、Google Maps、2GISのバス停などの一部のPOIは署名なしで表示されますが、クリック（Yandex.Maps）するかホバリング（Google Maps、2GIS）すると表示されます。



地下鉄について



メトロアイコンについては別に説明します。 カードスタイルを開発するとき、あなたは常に有益性と審美的な魅力を組み合わせたいと思います：正しく見つけられたバランスは、カードをできるだけ使いやすくするでしょう。 そしてもちろん、良い地図は細部への注意によって区別されます。 私たちの地図をまさにそのようにしたいという願望は、世界のさまざまな地下鉄のカスタムバッジを作成するというアイデアにつながりました。



私たちは、通常の白黒のバッジを「M」という文字に置き換え、世界中の30以上の都市の伝統的なローカル地下鉄のシンボルに置き換えました。 ロシアおよび旧ソビエト連邦の国々のほぼすべての地下鉄、ならびにヨーロッパ、アジア、アメリカ、さらにはオーストラリアの一部の地下鉄および通勤電車システムが対象となりました。 さらに、これらは首都または大都市、たとえば、パリのメトロ（およびRER-高速郊外輸送システム）、ヘルシンキ、ミンスク、香港、シドニーのメトロだけでなく、イタリアのカターニアのメトロなどの小さな地下鉄でもあります。







ロシアの都市の地下鉄とソビエト後の空間のために、私たちは自由に利用できるベクトル線を作りました。







最も興味深いケースは、1つの駅が地上輸送と地下輸送に同時に関連する場合、または複数の路線の列車が停車する場合です。 たとえば、ロンドンでは、ロンドン地下鉄に加えて、特別なアイコンを使用して、ドックランドライトサブウェイ（DLR）と国立鉄道駅を示し、ロンドンの「地上」の停留所を個別に示しました。 さらに、共有ステーションのすべての場合に、結合されたアイコンのいくつかのオプションを作成しました。









特にOSMベースは絶えず更新されているため、世界の地下鉄のアイコンを描くことを計画しています。 同時に、特別なアイコンを使用する場合は、モスクワメトロステートユニタリーエンタープライズなどの管理会社、またはロンドンアンダーグラウンドなどのタグの演算子=またはネットワーク=にそれぞれ対応するネットワークの一般名によって、ステーションを「スクープ」する必要があります。 そして、これらのタグが同じ方法で配置されていないか、まったく存在しない状況があります。 この場合、たとえば、ニューヨーク、マドリッドメトロ、ストックホルムなどの高速輸送ネットワークで行われたように、それらを手動で配置します。



他に何が面白いですか？



地図上の地理的なオブジェクトの名前とその署名については、まずロシア語を話すユーザー、つまりロシア語で。 3〜6レベルのスケーリングで、地理オブジェクトのすべての署名はロシア語で提供されます。レベル7以降、オブジェクトは1つまたは2つの言語で署名でき、ここでいくつかのアプローチが適用されます



。-キリルアルファベットの国では、このスペルで名前が付けられ、他の言語では複製されません。



-キリル文字以外のアルファベットがある国では、ロシア語の翻訳が存在する場合、最初にロシア語が与えられ、次に現地語の名前（または大都市の場合は最大9レベルの大規模レベル-この場合、名前はNatural Earthデータベースから取得されるため、わずかに異なる命名原則があります） OSMデータベースよりも）



-たとえば、象形文字（日本、韓国）またはニレの種類（ジョージア）の国の場合、ローカル名とともにロシア語の類似物がない場合、英語版を提供します。英語の類似物がない場合、名前は現地言語でのみ署名されます。



このすべてのマルチレベル構造により、世界中のロシア語または英語の言語で可能な限り多くの名前を選択できます。さらに、現地の言語に加えて都市の道路の名前がロシア語または英語で重複している場合、地図上の道路は元の翻訳と署名されています。同様の原則は、医療施設、教育、文化、および緑地の署名にも適用されます。











私たちの仕事のもう1つの分野は、障害のある人のためのバリアフリー環境のオブジェクトのマップ上での表示です。そのようなオブジェクトには、階段、ランプ、手すり、および横断歩道が含まれます。そして、そのようなオブジェクトのマッピングの開発において、前向きな傾向がはっきりと見えることを嬉しく思います。さらに、地図で公衆トイレ、情報ポイントを強調しています。私たちは都市の緑地に特別な注意を払います-公園、団地、ピクニックの場所、そして特別に保護された自然地域。











マップ上のスペースは限られているため、オブジェクトの重要度だけでなく、季節や個々のイベントに応じてオブジェクトを表示しようとします。そのため、冬にはデータを更新し、より高いズームレベルでは、タイヤフィッティング、スキーセンターとリゾート、ウィンタースポーツ用のアイススケートリンクとプラットフォームを表示し、夏には歩行者や自転車道として表示されることが多いスキートラックを描きます。 4月から11月までは、自転車駐車場、自転車やボートのレンタル、ビーチ、屋外プールなどのオブジェクトに注目しています。博物館の夜までに、情報を更新し、モスクワとサンクトペテルブルクの興味深いオブジェクトのセットに関するデータをOSMに追加しました。



また、スプートニクが開催する地図製作会議にユーザーを参加させるよう努めています。特に彼らのために、私たちは「パイ」、つまり、マッピング用の領域を備えた特別な白黒のカルトスタイルで作られた地図の印刷されたバイパスシートを準備しています。私たちは常にユーザーからのフィードバックを受け付けており、OpenStreetMapコミュニティフォーラムのロシア語スレッドでスタイルの主な変更に関する情報を公開しています。