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

ダークモードマップ
ユーザーのシステム設定に基づいて、マップスタイルをダークモードに変更します。MapTilerのマップはライトモードとダークモードのマップスタイルで どんな照明条件にも対応できます。日が沈んだらマップをシームレスにダークモードに変更しましょう!
ダークモードの統合MapTiler SDKは、React、Vue.js、Svelte、Angularなどの一般的なフレームワークで簡単に使用できます。 Angularのような一般的なフレームワークで簡単に使用できます。

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