2GIS API 2.0

新しい2GISについてほぼすべて話しました。 より正確には、ユーザーが遭遇するほとんどすべて。 彼が「ボンネットの下に」持っているものについて話す時です。 2GIS APIについてだと思います。



新しい2GISを最初から使用している場合は、2GIS API 2.0が動作しているのをすでに見ています。 今日、彼はベータ状態を離れ、すべての人が利用できるようになりました。 それとは別に、テストに参加してくれた人たちに感謝したいと思います。皆さん、製品の完成を手伝ってくれました。 それは良いことです。



新しいAPIを試してみたい場合は、 ここをクリックしてください 。 見るだけでなく読むことも好きな人は、猫の下を見てください。









中身は?



API 2.0は、オープンソースのLeafletライブラリに基づいています。 シンプルで高速で、積極的に開発されています。 機能を損なうことなく、コードの量が大幅に削減されました。



たとえば、APIマップを使用する一般的なケースは、マーカーをクリックしてバルーンを開くことです。



(API 1.0):



var position = new DG.GeoPoint(82.89, 54.98); var marker = new DG.Markers.MarkerWithBalloon({ geoPoint: position, balloonOptions: { contentHtml: ' !' } }); map.markers.add(marker);
      
      





現在(API 2.0):



 DG.marker([54.98, 82.89]).addTo(map).bindPopup(' !');
      
      





より良い変更は、開発者だけでなくユーザーにも表示されます。 マップを移動またはズームインするときのアニメーションが美しく滑らかになりました。



また、API 2.0は、マーカーイメージの代わりにHTMLコードを指定し、GeoJSON形式でデータを読み取る機能から、最初のバージョンでは使用できなかった新しい基本機能を導入しました。



設計



製品の外観は 、情報の正確さと完全性よりも重要です。 彼女は私たちにとって非常に重要です。



したがって、マップを最小の詳細まで描画しました。 有名な建物は3Dでモデル化されました。 選択したスケールに応じて、最も必要なものに焦点を当てるように色を選択しました。



そして、彼らはインターフェイスのために2つの色を作りました:暗いと明るい。 あなたはあなたのサイトのデザインによりよく適合するものを選ぶ必要があります。



スキンは、スキンパラメータを使用してAPIを接続する段階で選択されます。



 <script src="http://maps.api.2gis.ru/2.0/loader.js?skin=light" data-id="dgLoader"></script>
      
      













モジュール性



問題を解決するために、すべてのAPI関数が必要ではないことが起こります。 そのため、新しいAPIをモジュール化しています。 2つの既製パッケージ-完全および基本パッケージを提供しています。



基本パッケージには基本機能が含まれています。



-カード;

-マーカー;

-バラン;

-ラスターレイヤー。

-GeoJSONレイヤー。

-ジオメトリ;

-グループ;

-フルスクリーンモードを制御します。

-スケール定規。



フルパッケージにはさらに次のものが含まれます。



-ヒント;

-距離を測定する定規。

-ジオロケーション制御。

-Ajaxを使用する機能。

-WKT形式で作業するためのクラス。

-ジオクリッカー。



ただし、独自の関数セットが必要な場合は、ニーズに合わせてアセンブリを作成できます。



また、プリインストールされたパッケージのモジュールに加えて、Leafletライブラリの外部モジュール( ClusterHeatmapなど)を接続できます。 または、特定のニーズに対応する独自のモジュールを開発することもできます。



より軽く、より簡単に、より速く



APIの新しいバージョンのJSおよびCSSコード全体は、古いバージョンの半分です。 これにより、マップを含むページの読み込みが劇的に加速しました。



ローダー(KB) JavaScriptコード(KB) CSS(KB)
API 1.0 1.9 671 59.0
API 2.0(フルパッケージ) 2.4 377 44.9
API 2.0(基本パッケージ) 2.4 214 24.9


データはGoogle Chromeブラウザー用です。 Map API 2.0 CSSには、base64でエンコードされた画像も含まれています。



デバイスとブラウザーのサポート



私たちは、モバイルデバイスの大きなモニターと小さな画面の両方で、カードが同等に機能するように努めています。 彼女は自分の指をコントロールする準備ができています。慣性、マルチタッチ、すべての基本的なジェスチャーをサポートしました。



フルスクリーンモードは、小さな画面で特に便利であり、 フルスクリーンAPIを使用して機能します (可能な場合はブラウザーで)。 コントロールの位置はデバイスのタイプに合わせて調整されるため、クリックするのに便利です。







ジオクリッカーと建物の入り口



前と同様に、ユーザーは任意の建物をクリックして、その建物に関する完全な情報を見つけることができます。 専門家が入念に収集し、年に数回チェックした情報。 たとえば、建物内にある組織は次のとおりです。







さらに、それぞれについての詳細情報を見ることができます:







しかし、私たちはさらに先へ進みました。 現在、2GISは、ユーザーが組織を見つけるだけでなく、組織に入るのにも役立ちます。 従業員は100万社以上の企業を歩き、彼らの入り口がどこにあるかを見つけました。 そのような場合でも:







最後に、「私たちの会社に行き、ゲートウェイから直行し、上に向かい、郵便局で右折する」という精神で長いテキストの説明を歴史の埋め立て地に送り、それらを1つのボタン「Find Entrance」に置き換えることが可能になりました。



開放性



2GISはオープンソースの動きをサポートしています。 開発者は、APIマップのソースコードを開いたという事実を気に入るはずです。 これは、誰でも簡単に学習し、独自のモジュールを開発できることを意味します。



コードまたはドキュメントの特定のエラーの修正を待つ必要はありません。プルリクエストを送信できます。プルリクエストを検討し、受け入れます。 すべてのマップAPIコードはGitHubで入手できます



データ品質



ここでは何も変わっていません-品質の水準を最高レベルに維持しています。 2GISマップでは、すべての建物だけでなく、公園、通り、噴水、フェンス、ガレージ、あらゆる都市に存在する奇妙な構造物も見つけることができます。



使用例



APIの新しいバージョンは、最初のパートナーによって既に使用されていました。 正式には、 オンライン2GISもその1つです。 パートナーのリストに登録することもできますここでお待ちしています



All Articles