みなさんこんにちは。 5月9日のお祝いの前夜に私に思いついた私の小さなプロジェクトを皆さんと共有したいと思います。 その後、計画を実行する時間がなかったため、6月22日までにすべてのことをやろうと決心しました。 そして今夜、文字通り終了しました。 アイデアは、大祖国戦争の英雄にちなんで名付けられた通りをモスクワの地図に表示することでした。
私たちは皆、名前に歴史的正当性がある通りを歩いてドライブしますが、これについて考える人はほとんどいません。 そのため、データを収集する過程で、英雄にちなんで名前が付けられていることすら知らなかった多くの街を再発見しました。 おなじみの場所を見て、自分のために新しいことを学び、あなたのために多くを犠牲にした人々、 ストリートとヒーローに敬意を払うことをお勧めします。
技術的な詳細
さて、私たちは混雑しているので、特に興味深い解決策があるので、すべてがどのように配置されているかについて少しお話しします。 このプロジェクトは、OSMとウィキペディアのデータに基づいています。 マップを描画するには、多くのプラグインを含むleaflet.jsが使用されます。 検索するには、修正されたleaflet-fusesearchプラグイン （オリジナルはマーカーでのみ動作します）を使用します。これは非常にクールなことで、一度に複数のレコードフィールドを検索できます。 プロジェクトはgithub： Streets-of-Valor-and-Victoryで見ることができます。
通りの線はOSMから引き出され、線の種類に応じてカテゴリが割り当てられ、レンダリングを使用済みのマップスタイルと同期させることができました。 実際には、ほとんどの場合、ズームに関係なく、人々は気にせず、固定された太さの線を作成せず、かなりいように見えます。 ソリューションは次のようになります。
"11": { "motorway": { "color": "#FF0000", "weight": 3.6, "opacity": 1, "fill": false, "lineCap": "butt", "lineJoin": "round" }, "mainroad": { "color": "#FF0000", "weight": 2, "opacity": 1, "fill": false, "lineCap": "butt", "lineJoin": "round" }, "minorroad": { "color": "#FF0000", "weight": 0.4, "opacity": 1, "fill": false, "lineCap": "butt", "lineJoin": "round" }, "service": { "color": "#FF0000", "weight": 0.3, "opacity": 1, "fill": false, "lineCap": "butt", "lineJoin": "round" }, "noauto": { "color": "#FF0000", "weight": 0.3, "opacity": 1, "fill": false, "lineCap": "butt", "lineJoin": "round" } }
osm-bright mapostyleに合わせながら、すべてのズームに対して各カテゴリのスタイルをペイントする必要があります。 これにより、ラインが半透明になり、通りの名前が見えるようになりました。 複合道路の一部が互いに重なり合っている場合は小さな問題がありますが、これはすべてpostgisでのcなデータ操作によって解決され、次回データが更新されるときに解決されます。 はい、更新について。 地図やリストで見つけられなかった通りを送ってください、私はとても感謝しています！
タイル。 さて、サテライトタイルを使用して、状況がどうなるかを見ていきます。
原則として、それだけです。 ご質問がある場合は、お問い合わせください。 誰かが別の都市に似たようなことをしたい場合-書き込み、私がお手伝いします。 マップがあなたにとって興味深いものになることを願っています。お友達と共有することを忘れないでください！
PSはPMでエラーとタイプミスを送信します。詳細な校正の時間はありませんでした。