バナー画像

JavaScript Maps SDK

私たちのTypeScriptライブラリを使って、インタラクティブなベクターマップを使ったアプリケーションを開発しよう:BSDライセンスのオープンソースで、GitHubでホストされている。

スタート

何百万もの機能を備えたインタラクティブな地図

リッチな体験のためのユーザー・インタラクションで、データ分析のための優れたマップを作成する。 体験を提供します。フィルタやクリック可能な機能を追加して、ユーザーがマップの内容をスムーズに変更できるようにします。 マップの内容をスムーズに変更できます。

スケールアップしたデータの可視化

外部のJSONから大量のポイントデータを表示することは問題ありません。 私たちのアルゴリズムは、クライアント側でクラスタリングを行ったり、ヒートマップ をレンダリングすることができます。

地図とアナリティクスをつなぐ

ユーザーは地図をクリックして、ダッシュボード内の詳細情報にアクセスできる。 ダッシュボード内の詳細情報にアクセスすることができます。この機能は、ユーザーエクスペリエンスを向上させ データ分析をより効率的にすることができます。

データを地図につなげる
地図とアナリティクスをつなぐ
関連するコンテキストを表示する

関連するコンテキストを表示する

地図の内容は関連性のあるものにし、便利な機能を示すだけでも、ユーザーエクスペリエンスはより楽しいものになります。

圧倒的な高速フィルタリング

MapTiler SDKを使えば、リアルタイムのデータフィルターを設定し、検索条件に合った物件などを顧客が素早く簡単に見つけられるようにすることができます。 簡単に見つけることができます。

訪問者ごとに異なる地図

リアルタイムのスタイル変更でダークモードに切り替え。 マップビュー、色、境界線をカスタマイズします。現地の言語を表示します。

ライトマップ
午前中に到着、
自転車に乗る、ドイツ語を話す
ダークマップ
夕方到着、
車を運転する、英語が話せる。

ユーザー設定に基づく地図言語の設定

70以上の言語と、任意の地域の言語を表示する「ネイティブ」オプションがあります。 どのMapTilerマップでもご利用いただけます。ローカライズされた地図は、よりパーソナライズされたユーザーフレンドリーな体験を生み出します。

地図の言語を設定する方法について
ブランドに合った地図

ブランドに合った地図

ユースケースやブランドに合わせて、マップをカスタマイズできます。

  • あなたのウェブサイトやロゴに合わせて、地図の色をパーソナライズすることができます。
  • 関連する機能を選択し、表示するタイミングを決め、ラベルのないマップを作成することもできます。
  • カスタムマップの可能性は無限大です。

MapTiler SDKの利用を開始する


          import { Map, MapStyle } from "@maptiler/sdk"; 
            const map = new Map({ 
              container: "mapContainer", 
              style: MapStyle.STREETS 
            });
        

ソースコードを見る
3Dテラインをワンコールで

3Dテラインをワンコールで

3D山であなたの地図に奥行きとリアリズムを。MapTiler SDKを使って、たった1行のコードで コードを使用します!データソースを設定する必要はありません。ハイキングや追跡アプリケーションに最適です。

3D地形を追加する

地図コントロールを簡単に追加できる

MapTiler JavaScript Maps SDKは、1行のコードで標準的な地図コントロールを追加することができます!

コントロールについて詳しく見る
ブランドに合った地図
ダークモードマップ

ダークモードマップ

ユーザーのシステム設定に基づいて、マップスタイルをダークモードに変更します。MapTilerのマップはライトモードとダークモードのマップスタイルで どんな照明条件にも対応できます。日が沈んだらマップをシームレスにダークモードに変更しましょう!

ダークモードの統合

MapTiler SDKは、ReactVue.jsSvelte、Angularなどの一般的なフレームワークで簡単に使用できます。 Angularのような一般的なフレームワークで簡単に使用できます。

ブランドに合った地図

JavaScript Maps API

MapTilerは包括的なAPIセットを提供しており、開発者は見た目も使い勝手も良い地図アプリケーションを作成することができます。 ユーザーフレンドリーな地図アプリケーションを作成することができます。これらのAPIにより、あなたの地図はシームレスなユーザー体験を提供することができます。 体験を提供することができます。これらのAPIは全てMapTiler SDKに統合されています。

ジオコーディング

世界のあらゆる場所を、ストリートレベルまで検索することができます。

Static Maps API

静的な地図画像を表示することで、ページへの負荷を軽減できます。

座標API

座標を任意の座標系に変更する。

IPジオロケーション

訪問者の位置情報を取得し、その人をターゲットにしたコンテンツを提供します。

Découvrez MapTiler en français!

Visitez maptiler.fr

Přečtěte si více v češtině

Více na maptiler.cz

Leer más en español

Visite maptiler.es

Meer in het Nederlands

Ga naar maptiler.nl

日本語で詳細をみる

maptiler.jp へ

Weitere Informationen finden Sie

auf MapTiler.de

ديزملا فشتكإ

maptiler.ae ىلإ ىقتنا

MapTilerをスイスで探す

MapTiler.chを見る