マップはどこにでも今日では、ほとんどの人々が日常的にGoogleマップの場所を見つけるために使用しているか、ルートに従ってください.あなたは、電子メールの分布を見るためにマップを参照してください、covid拡張、人々の移動、土地利用、災害の影響、および他の多くの理由のため.
あなたは、あなたのデータを地図を通してもう少し明白にしたいです、そして、あなたはGoogle Map API生態系で捕虜であることを快適に感じません:オープンソース界への歓迎.
私は3つの最高のオープンソース選択肢にあなたを紹介するつもりです、彼らは自由に使用しています、そして、あなたはそれがあなた自身のマッピング・アプリケーションを実装するのが難しくないのを見ます.
記事は、それぞれの図書館がカバーし、提供するものについての私自身の知識、経験と意見を反映していることに注意してください、私は客観的ですが、私は普遍的な真理を持っていないことを認めるのに十分謙虚です.
長いスピーチより価値がある良い地図として、彼らを発見しましょう.

リーフレット

2010年に作成されますVladimir Agafonkin , Leaflet キャンバスのレンダリングのように、新しいHTML 5の機能を活用する最初のライブラリは、近代性と大きなパフォーマンスを提供しています.これは、Web上の高速マップを表示するに焦点を当て、軽量ライブラリです.
それは単純なAPIを提供し、すべてのウェブサイトに地理空間情報を埋め込むことが容易ですので、あなたがタイルの背景層(OSM、衛星放送)、地図上にいくつかのカスタムベクトルデータ(Geojson)をプラスしてマップを表示する場合は、あなたの経験を大きく、簡単にリーフレットを使用して見つけることが、結果は明らかにあなたのニーズに対応します.

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer(
  'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

このアプローチの欠点は、ライブラリが地理空間機能の完全なパレットを提供していないということです.また、OGC規格と相互作用し、カスタム投影を使用することは困難です.リーフレットは、WebMercator投影に基づいており、投影を変更する簡単な方法を提供していません.
システムはプラグインの統合に基づいて構築され、多くのコミュニティ拡張機能がライブラリの基本機能を拡張して表示されます.リストを見つけることができますhere , これは通常、あなたの人生を簡単にデータの特定の種類を表示するには、データの目的は、幾何学版などのプリフォームのスタイルになります.
ライブラリは本質的に成熟し、主にプラグインの生態系を介して住んでいます.コアはまだ元の著者ではなく維持されます.リーフレットは非常に大きなユーザーベースを持ち、まだ非常に人気があります.
結論として、リーフレットは、Webマッピングライブラリへの大きな最初のアプローチです.それはあまりにも多くのAPIやコーディング知識を必要としない、それは非常に簡単にマップを構築することができます.どんなプラグインが利用できるか、そして、複雑な地図ベースのアプリケーションを実装することへのダイビングの前にまだ維持されているかどうかを見る価値があります.

マップボックス

Mapbox 同社はオープン・ジオグラフィック・ワールド(BingingStandard)に革命をもたらし、ウェブ上の地図と文字通りの方法を変えた.すべては、ユーザーの経験をスムーズかつ最速の可能な限り、携帯電話の使用に大きな焦点を当てに行われている.Vector tiles 星座の柱は、すべての驚くべき流体レンダリングでベクトルデータを表示するように最適化されます.
Mapbox GL JS Webブラウザにレンダリングを処理するJavaScriptライブラリです.WebGLで実装され、それは超高性能であり、ベクトルタイル形式の最適化.ベクトルデータをレンダリングするのは、はるかに最もパフォーマンスの高いライブラリです.Mapbox GL Native モバイルプラットフォームのSDKはモバイルネイティブアプリケーションで同じ目標を達成するためのネイティブライブラリです.最近、MapboxモバイルAndroid SDKは独自のバイナリに依存し始めました.
通常、Mapbox GLはMapBoxのホストされたベクトルタイルに沿って動作するので、カスタムの商業計画を使用してデータにアクセスするトークンを提供する必要があります.あなた自身のベクトルのタイルでMapbox GLを使用することができます.
ライブラリを使用する最良の方法は、マップの範囲(範囲、データセット、スタイル…)を記述するmapboxスタイルファイルを指すことです

    mapboxgl.accessToken = '<your access token here>';
    var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/mapbox/streets-v11', // style URL
    center: [-74.5, 40], // starting position [lng, lat]
    zoom: 9 // starting zoom
    });

ライブラリはまた、ラスター形式を表示するには最適ですが、それが最も輝いている場所ではありません.これは、データのさまざまな種類を表示するには、偉大なシンプルなAPIを提供し、ベクトルのタイル、geojson、タイルサーバー、幾何学の編集、移動など.
Mapbox GLは、最初のオープンソースライブラリ“地図を傾ける”を許可し、地図を移動するときに印象的なユーザー体験を与える部分的な3 Dビューを与える.これは、本格的な3 Dマップをレンダリングライブラリではなく、ネイティブの地形メッシュやポイント雲をレンダリングすることはできません(これは他の手段によって達成することができますが)です.
すべてのレンダリングアーキテクチャは、Web mercatorの投影上に構築され、残念ながら、それを変更することはできません.完全なOGC標準のサポートはありませんので、ライブラリをサポートするためには、実装にジャンプする前に確認する必要があります.
Mapbox GL JSがオープンソースであることに注意してください、しかし、それはコミュニティベースでありません、それは開発されて、彼ら自身のゴールと戦略で民間の会社によって維持されます.
結論するために、Mapbox GLは、あなたのニーズが潜在的に複雑なベクトルデータの可視化に集中するとき、速くて滑らかな方法で、WebGLでベクトルデータを表示する素晴らしいライブラリです.あなたがカスタム投影や複雑な豊富な機能を備えたWebマッピングアプリケーションをしたい場合、それは最良の選択ではないかもしれないし、それは民間企業から来ていることを覚えて、それを使用するために許可されている方法は永遠に続くことはできません.

開放層

OpenLayers は最初のWebマッピングライブラリの一つです.Mapbox GLとリーフレットの前に、OpenLayer 2は、ウェブ上で地図を表示するために世界中で使用されました.これは、GoogleマップAPIに最適なオープンソースの代替品だった.
バージョン3は、完全に新しいブラウザの可能性を受け入れるためにゼロから再処理されており、2013年以来、アクティブなコミュニティとの生活は、今日はバージョン6です.
OpenWayerの主な目的は、地理空間世界のニーズのほとんどをカバーする、フル機能のマッピングライブラリを提供することです

多くのデータソース形式のサポート(UTFGrid、WFS、WMS、GPX、KML、Geojson、XYZ、ベクトルタイルと多く)

より良い相互運用性のためのOGCの大きなサポート

カスタム投影＆オンザフライラスター再投影

豊富なスタイリング可能性

スナップ、幾何学版

マルチワールド

丁稚

カラー合成とラスター操作

また、Mapboxの仕様をサポートしています:スタイルとベクトルのタイルので、同様にベクトルのタイルを使用することができます.巨大な仕事は、これらの仕様をサポートするために、2 Dキャンバスがどのようにサポートすることができるかについて、ベクトル・タイルのレンダリングを最適化するためにされましたOffscreen Canvas マルチスレッド
APIは非常に使いやすいですが、OpenLayerへの最初のダイビングは、ほとんどの場合、一般的にコーディングで快適ではない場合は、リーフレットとMapboxのGLよりも少し難しいかもしれません.学習曲線は少し難しいですが、複雑なWebマッピングアプリケーションを開発する場合は、試してみる価値があるかもしれません.

var map = new Map({
  layers: [
    new TileLayer({
      source: new OSM(),
    }) ],
  target: 'map',
  view: new View({
    center: [0, 0],
    zoom: 2,
  }),
});

いくつかの拡張機能がありますol-cesium それはOpenlayerとの間の結合を管理しますCesiumJs , 偉大な仮想地球図書館WebGLでは、2 Dから3 Dマップに切り替えるに書き込まれます.
それはコミュニティに基づいて非常にアクティブです、それは多くのユーザーと開発者からの貢献と関心を受け取ります.簡単にCodeBaseに参加することができますライブラリには、不足している機能を期待して追加します.
最近、巨大な群衆の資金調達は、コミュニティの進歩を支援し、ライブラリを強化するために数十万ドルを活用した.
多くの企業は、OpenLayerで行くのを手伝うためにコンサルティングを提供しています.そして、あなたがライブラリを使用していくつかの問題に直面するならば、あなたはすぐにコミュニティから答えを持っています.
結論するために、OpenWayerは、多くのオンラインを活用するには、最も簡単なライブラリではないジャンプするexamples そしてすぐにあなたのWebサイト上で美しいマップを表示することができます.それは最も完全なライブラリです、それは非常にパフォーマーです、そして、それは完全にオープンソースで、道に沿ってあなたを助けるコミュニティに基づきます.

結論

ネット上の地理空間世界は明らかに近づきやすい.高価なライセンスから逃げる、生態系でロックし、オープンソースのソリューションと哲学を受け入れる.あなたは無料で強力なライブラリを使用して独自のWebアプリケーションを作成することができます発見するでしょう.
お客様のニーズや要件に応じて、解決策は、ユースケースに最適なものを選択する必要があります.Camptocampのようなコンサルティング会社はあなたの状況を特定し、あなたのニーズに合う最適なソリューションと技術を提案するのに役立つ専門家です