バナー画像

JavaScript Maps SDK

オープンソースのベクターマップを使って、インタラクティブなベクターマップを使ったアプリケーションを開発します。 TypeScriptライブラリ

スタート 価格設定

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

データ分析に最適なマップを作成し、ユーザーとのインタラクションでリッチな空間を演出します。 を体験することができます。フィルターやクリックできる機能を追加することで、ユーザーは次のようなことができるようになります。 地図の内容をスムーズに変更する

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

外部の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山で地図に奥行きとリアルさを。たった1行のMapTiler SDKを使うことで コードになります!データソースを設定する必要がありません。ハイキング、トラッキングのアプリケーションに最適です。

3D地形を追加する

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

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

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

ダークモードマップ

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

ダークモードの統合

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

ブランドに合った地図

JavaScript Maps API

MapTilerは、開発者が以下のような地図アプリケーションを作成できるように、包括的な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を見る