すべての記事 スタジオ

ブランドに合わせたカスタムベースマップの作り方

作成者 The Kaleidr Team · 公開日 2026年7月25日 · 19 分で読了

スタイライズされた都市地図の中央にKaleidrのエンブレムを配置し、分析コールアウトとウェブサイトやアプリ向けのカスタムベースマップ作成方法というタイトルを示した画像。

カスタムブランドベースマップは、製品の地点、ルート、境界、リアルタイムデータの下に表示される視覚的な土台です。作成には、明確な情報階層、読みやすいラベル、各テーマでのアクセシビリティ、効率的なレンダリング、適切な帰属表示が必要であり、すべての道路をブランドカラーに変えるだけでは不十分です。Kaleidr Studioでは、地図タイル、色、タイポグラフィ、ラベル、アイコン、レイヤー、地形、再利用可能なプリセットを設計できます。Kaleidr SDKを使えば、設計済みのベースマップを埋め込むか、公開スタイルをMapLibreに直接読み込めます。

以下では、プロダクトの目的とデザイントークンから、レイヤー階層、タイポグラフィ、アイコン、地形、Studioのワークフロー、2つのデプロイ方法、ライセンス、アクセシビリティ、リリース前の確認までを順に説明します。本番用スタイルを作る場合は最初から進め、デザインが完成している場合はオプション1またはオプション2に進んでください。

の色、タイポグラフィ、ラベル、道路、製品オーバーレイを通じて、色を一変させた中立的なベクターマップが、一貫性のあるブランドベースマップへと変化した。

カスタムブランドベースマップとは？

ベースマップとは、地図内の製品固有の情報の下にある地理的キャンバスである。ベースマップには通常、土地や水、道路や小道、建物、公園や土地利用、行政境界、場所や道路のラベル、地形や丘の斜面、文脈のために選定された関心点といった参考資料が含まれています。ブランドベースマップは、それらの機能に意図的な設計システムを適用し、地図が周囲の製品に視覚的に属するようにする。結果は、地理的な許容性を損なうことなく、アプリケーションの色、種類、間隔、トーン、および情報の優先順位と一致するものである必要があります。

MapLibre Style Specificationは、どのデータを描画するか、どのデータを描画するか、およびレンダラーがそれを視覚化する順序を制御するJSONドキュメントとしてマップスタイルを定義しています。ソースは利用可能なデータを識別し、レイヤーはそれらのソースを参照し、色、幅、不透明度、アイコン、テキストなどの視覚的特性を定義します。そのモデルにより、ブランドベースマップは広告用マーカーの色のコレクションではなく、再利用可能な製品資産となる。

ベースマップ、オーバーレイ、アプリケーションデータの違いは？

信頼できる地図は、参照地位とユーザーが見に来た情報を区別している。ベースマップは安定した地理的コンテキストを供給します。製品オーバーレイはアプリケーションの主体を表しています。インタラクションレイヤーは、一時的なユーザーまたはシステム状態を示しています。インターフェース層はコントロールと説明をサポートしています。ベースマップは通常、製品オーバーレイよりも静穏に維持され、運用データが主流となる。

製品オーバーレイ、インタラクション状態、インターフェース情報の下に参照する参照地を示す、爆発的なブランドマップスタック。

レイヤータイプ の目的 例
ベースマップ 必要な地理的状況 道路、水、建物、公園、ラベル、境界線
製品オーバーレイ アプリケーションの主題を表しています 物件、店舗、インシデント、資産、サービスエリア、ルート
インタラクション層 ユーザーまたはシステムの一時状態を表示 選択場所、ホバー状態、AI結果、検索ポリゴン、ルートプレビュー
インターフェース層 サポートのコントロールと説明 レジェンド、フィルター、チャットパネル、ツールチップ、帰属、ステータスメッセージ

物件プラットフォームは、一般的な建物をミュートにし、アクティブな物件掲載が際立つようにする可能性がある。モビリティ製品は、関係のない関心点を減らしつつ、道路の階層構造を重視する可能性がある。観光ガイドは、厳選された観光地向けにより強力な視覚的扱いをしながら、ランドマークや歩行者の環境を保存することがあります。ブランディングは、その階層構造を改善することで役立つ。単にブランドカラーをより多く使うだけの地図は、読みにくくなることがある。

このガイドで作るもの

このガイドでは、再利用可能なブランドベースマップワークフローと、製品の実際の地図タスクに連動したデザイン概要、カラー、タイポグラフ、ラベル、ライン、サーフェス向けの制御トークンシステム、アプリケーションデータの優位性、光、暗、高コントラストのテスト、OpenStreetMapのアトリビューションおよびタイル配信チェック、Kaleidrがホストする埋め込みオプション、MapLibreの直接スタイル、およびリリースおよび回帰テストプロセスを備えたレイヤー階層化を実現します。

Kaleidrは現在、デザインされたベースマップ製品としてkaleidr-morning、kaleidr-afternoon、kaleidr-night、kaleidr-plainの5つの内蔵スタイル識別子を文書で記録しています。Kaleidr Studioは、カスタムカラー、タイポグラフィ、ラベル、アイコン、データセット、オーバーレイ、再利用可能なプリセット、地形、3D建物、および丘の型をそれぞれ説明しています。公開開発者向けドキュメントは、デザインされたスタイルの提供方法を示していますが、組織専用のカスタムスタイルIDのすべてのスタジオパブリッシング手順を文書化するわけではありません。本番環境のデプロイ前に、現在のStudioインターフェース内で最終的な公開ワークフローと識別子を確認します。

プロダクトの目的からどう始めるべきか？

強力なベースマップは、カラーピッカーではなく、製品の決定から始まります。主なユーザータスク、どの地理的機能がそのタスクの完了に役立つか、どの機能がそのタスクから逸らされるか、各ズームでどの情報が読みやすか、どの製品オーバーレイが最も強いコントラストを必要とするか、マップが高密度インターフェースChromeの横で表示されるか、フルスクリーンでの体験として表示されるか、同じスタイルがデスクトップ、モバイル、スクリーンショット、埋め込みビューに必要かどうか、および製品が日、夜、アクセシビリティのバリエーションを必要としているかどうかを尋ねてください。店舗のロケーターと物流ダッシュボードは、ロゴを共有するという理由だけで、地理的な重点を同じに共有してはいけません。

店舗の立地を重視するには、主要な道路や地域、地域や都市のラベル、認識可能なランドマーク、明確な店舗マーカー、ルートコンテキストを優先し、小規模な小規模住宅における小規模な土地利用、無関係なビジネスラベル、装飾地形、詳細な建築重点を縮小する。不動産の発見には、近隣の名前、交通、公園、水、道路の階層、近くでの建物の足跡、および物件や検索エリアのオーバーレイを優先して検索する。運用ダッシュボードでは、道路、サービスエリア、管理境界、資産コンテキストを優先順位付けし、暗色または低色の表面でアラート色をサポートし、選択状態と未選択状態を明確にし、インシデントマーカーを不明瞭にしない安定したラベルを採用。

地図のデザイントークンをどう定義するか？

個々のレイヤーを編集する前にマップトークンを作成します。トークンはスタイルを一貫性を保ち、将来のバリエーションをより簡単に維持します。実用的なトークンセットには、サーフェス、ネットワーク、ラベル、および操作上のアクセントが含まれます:

map.background
map.land
map.water
map.park
map.building
map.boundary
map.road.motorway
map.road.primary
map.road.secondary
map.road.local
map.road.casing
map.label.country
map.label.city
map.label.neighborhood
map.label.road
map.label.poi
map.label.halo
map.overlay.primary
map.overlay.secondary
map.selection
map.warning
map.route

すべてのトークンを直接企業のマーケティングカラーにマッピングしないでください。製品ブランドシステムには、密集した地理的キャンバス上で失敗するボタンやイラスト用に設計された色が含まれていることが多い。アクティブな製品オーバーレイ、選択した機能、ルート、検索領域、主要なアクションコール、および少数の意味のあるリファレンス機能に対して、ブランドカラーを選択的に使用します。ほとんどの参照地理学には、控えめなニュートラルカラーを使用してください。

視覚的な階層をどう構築するか？

MapLibre スタイル仕様は、描画順序でレイヤーを一覧表示します。後層は通常、以前のレイヤーよりも上に描画するため、レイヤー順序は情報アーキテクチャの一部です。ある一般的なベースマップスタックは、背景、土地被覆地、地形、水、公園および土地利用、建物、道路および道路のケーシング、境界、場所表示、道路ラベル、および興味の文脈的ポイントを、製品のオーバーレイやインタラクション状態の下に位置づけている。正確な順序はレンダーとスタイルによって異なりますが、原則は安定しています。ネットワーク、ラベル、および製品固有の情報の下に大きな地理的表面が置かれているため、その原理は安定しています。

すべての層が同じ彩度、不透明度、または細部を必要としない。便利な対策として、優先度の低いポリゴンの不拡散率を低下させること、小小ズームでの小横方向のコントラストを低減すること、価値の低い点を非表示にすること、有用なズーム閾値の後にのみ建物の足跡を示すこと、管理境界を向きの尺度に限定すること、およびユーザーが必要とするほど近くにいるまで地域のストリートラベルを遅らせることが含まれる。静かなベースマップは、地図を空にすることなく、アプリケーションデータの認識された明瞭さを高めます。

ロードスタイリングは通常、階層構造とケーシングの両方を必要とする。高速道路では、サービスクラス、幅(ズーム)、道路の穴の下に設けられた線式、トンネルや橋、スロープや道路、歩行者用道路や自転車道、ラベル密度などを検討してください。あらゆる道路に適用されるブランドカラーは、他の何物よりも重要に見えない平坦なネットワークを生み出す。幅、明るさ、ケーシング、および制御された色相のシフトを使用して階層を確立し、より近いスケールでのみローカル道路を表示します。

ラベル、アイコン、コントラストをどう設計するか？

タイポグラフィーは地図上で最も強力なブランド信号の一つであるが、ラベル表示には技術的な制約がある。スタイルドキュメントは、URLテンプレートを通じてグリフリソースを参照する場合があります。MapLibreスタイル仕様では、グリフURLに{fontstack}および{range}のプースホルダーを含める必要があり、また、スプライトリソースは記号レイヤーで参照されるアイコンやパターンを供給しています。デザインシステムで名前が付けられたフォントは、マップレンダラーに自動的には使用できない。グリフセットは、スタイルによって期待される形式およびカバー範囲で提供されなければならない。

タイポグラフィの階層、ハロー、グリフ、スプライト、インタラクション状態、コントラストテストを表示するブランドマップラベルとアイコンシステム。

世界中の国、地域、州、都市、近隣、道路、交通、関心点、水体、製品注釈など、あらゆる場所で1つのフォントサイズを適用するのではなく、ラベルの役割を定義します。階層構造にはサイズと重量、文字間隔の制限、地理の変化に対するコントラストのためのハロー、水、行政、道路標識の色が異なります。ここでは、混雑を防ぐズームのしきいで、視聴者に適した言語やスクリプトのカバー範囲が有効です。地図の中で最も明るい領域と最も暗い領域の両方でラベルをテストする。なぜなら、陸地よりも正確に見えるラベルが、水や地形、衛星層の上で消える可能性があるからである。

マプアイコンはコンパクトなシンボルシステムとして動作するべきです。MapLibreのスプライト仕様は、スプライト画像とメタデータリソースを使用して、アイコンやパターンを記号やレイヤーに表示できるようにしています。ブランドアイコンを追加する前に、一貫したストロークと塗り方、最小レンダリングサイズ、ライトとダークのバリエーション、選択された状態と未選択状態、意味の意味、衝突およびオーバーラップルール、キャンバスの外側で利用可能なテキストの等価性を定義して、一貫性のあるスタイルを定義してから。企業ロゴをすべてのポイントオブ・ポイントマーカーに強制しないでください。繰り返しは地図の透明度を低下させ、インターフェースを機能的ではなく宣伝感にさせることができる。

地形と3Dはいつ追加すべきか？

Kaleidr・スタジオは、標高、地形、丘陵地帯、および突き出た建物のサポートについて説明しています。MapLibreは、3D建築物の地形やfill-extrusion層も記録しています。これらの機能を活用して、屋外、モビリティ、インフラ、リスクワークフローのための地形、地形構造のための地形、都市指向を極度にするための3D建築物、および作業に重要な高さや体積の押し出しといった、ユーザーの空間理解を向上させる。マーカーを遮ったり、視覚的なノイズを増大させたり、不要なGPU負荷を発生させたり、ラベルの読み取りを困難にしたり、ソースデータがサポートしていない精度を示唆したりする際に、3Dは避けてください。ブランドマップは、単により次元的なからという理由だけでより強くなるわけではない。

ベースマップとアプリケーションのデータは、可能な限り別々にして維持する必要があります。MapLibreのソースは、マップを表示するデータを表示し、レイヤーがそのデータのレンダリング方法を定義しています。同じソースは、ポリゴンの塗り、アウトライン、選択された状態、ラベルなど、複数の視覚レイヤーをサポートできます。製品オーバーレイの場合、ソースの所有権、安定した識別子、ジオメトリの種類、更新頻度、ズーム範囲、フィルタリングルール、選択状態とホバー状態、エラー状態と空状態、およびプライバシー制約を定義して定義する。ベースマップの色と異なる動作色を保ち、赤色警報が赤い道路と競合しないようにし、青色の選定された領域が青色の水に消えないようにしてください。

Kaleidr Studioでどう作るか？

Kaleidr Studioは、プロンプト → プロセス → リファイン → ワークフローを展開し、カスタム設計、コンテンツ、スタイル、およびインタラクションコントロールについて説明します。ブランドベースマップの場合、マップの目的を定義し、視覚的な方向性を選択し、色や階層を設定し、タイポグラフィやラベルを設定し、レイヤーを追加または再利用し、地形や地形を評価し、代表的な場所やズームをテストし、デザインされたベースマップを公開して、スタイルを埋め込みまたは読み込みながら評価する。Kaleidrの公開スタジオページは、利用可能な設計領域を確認しているが、組織特有の出版管理体制は進化する可能性がある。リリースプロセスの一環として、スクリーンショットと最終的なスタイル識別子を記録します。

どのデプロイ方法を選ぶべきか？

Kaleidrは、設計されたベースマップの2つの実装モデルを文書化しています。タイルの埋め込みは独自のマップ表面を所有しており、SDKの埋め込みインターフェースを通じてカメラの更新を受け取ります。MapLibreの直接ロードは、公開されたスタイルJSONでホスト所有のマップをポイントに表示し、アプリケーションが独自のソース、レイヤー、およびインタラクションを追加できるようにしています。実装速度が重要な場合、ベースマップがその表面を所有できるときは、埋め込みを選択してください。ホストが完全なレンダー制御を必要とする場合は、MapLibreを選択してください。

2つのベースマップ展開パス:Kaleidrタイルの埋め込みと、公開されたKaleidrスタイルのJSONを使用したホスト制御のMapLibreマップ。

オプション1：Kaleidrベースマップを埋め込む

以下の例は、現在の公式文書から適応されています。発行可能な発行に制限された発行可能なキーを使用してください。SDKは、短期間の出所制約のセッションのために鍵を交換しています。鍵にはタイルのmaps機能範囲が必要です。APIキーは現在、ProおよびEnterpriseプランに含まれています。API キーを G1 と タイル — 設計されたベースマップを埋め込む を参照してください。

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>

<kaleidr-map
  product="tile"
  publishable-key="YOUR_PUBLISHABLE_KEY"
  style-id="kaleidr-morning"
  center="-0.12,51.5"
  zoom="11"
  style="height: 480px">
</kaleidr-map>

現在の内蔵型IDはkaleidr-morning、kaleidr-afternoon、kaleidr-night、kaleidr-editorial、kaleidr-plainです。ベースマップが独自のマップ表面を所有できる場合、実装速度が重要であり、アプリケーションが文書化された埋め込みインターフェースを通じて通信でき、チームがすべてのレンダラー方式を直接制御する必要がない場合に、埋め込みオプションを使用してください。

オプション2：MapLibreでスタイルを直接読み込む

Kaleidrは、ホストが所有するMapLibreマップで、公開されているJSONを通じて、同じベースマップを直接使用して文書化しています。以下のスタイルURLと組み込み識別子は、Kaleidrの現在の設計ベースマップを使用するガイドから来ています。組織固有のカスタムスタイルとして、現在のStudioワークフローで記録された公開されたスタイルのURLを置き換えてください。

<link
  href="https://unpkg.com/maplibre-gl@6.0.0/dist/maplibre-gl.css"
  rel="stylesheet"
/>

<div id="map" aria-label="Branded interactive map"></div>

<script type="module">
  import * as maplibregl
    from "https://unpkg.com/maplibre-gl@6.0.0/dist/maplibre-gl.mjs";

  const map = new maplibregl.Map({
    container: "map",
    style: "https://cdn.kaleidr.com/styles/kaleidr-morning.json",
    center: [-0.12, 51.5],
    zoom: 11
  });

  map.addControl(new maplibregl.NavigationControl());

  map.on("error", (event) => {
    console.error("Basemap or renderer error:", event.error ?? event);
  });
</script>

ホストアプリケーションがマップインスタンスに直接アクセスする必要がある場合、製品オーバーレイをソースおよびレイヤーとして追加する必要がある場合、チームがイベント、カメラ、コントロール、ランタイムのスタイリングを正確に制御する必要がある場合、またはベースマップが大規模なインタラクティブアプリケーションの一部である場合、直接MapLibreオプションを使用してください。

統合のバージョン管理とキャッシュをどう設計するか？

Kaleidrは、https://cdn.kaleidr.com/embed/v1/kaleidr.jsやhttps://cdn.kaleidr.com/embed/v1/tile.jsなどのバージョンピン留めされたパスを通じて、ローダーおよび製品バンドルを提供しています。後方互換性のある更新は、同じ主要な経路の下に出荷される。埋め込みやポストメッセージの変更は、/embed/v2/ のような新しい主要なパスを使用します。Kaleidrは、チームが特定のビルドを独立してピン留めするつもりでない限り、SDKバンドルのフィンガープリントやセルフホスティングを控えるよう勧告しています。CDN バージョン化 を参照してください。

スタイルアセットとタイルは、明示的なキャッシュおよびリリース戦略も使用する必要があります。バージョンの大幅なスタイル変更、回帰テストなしでの本番スタイルの置き換えの回避、公開されたスタイルIDと日付の記録、スプライトおよびグリフキャッシュの無効化のテスト、ロールバック対象の保持、および失敗したスタイル、タイル、スプライト、グリフのリクエストの監視などです。

帰属表示と地図タイルにはどのルールが適用されるか？

OpenStreetMapのデータはオープンデータですが、帰属は依然として求められます。OpenStreetMapは、ユーザーがOpenStreetMapおよびその貢献者をクレジットしている限り、あらゆる目的でデータを使用できると述べています。Keleidrの価格ページによると、オープンベースマップデータはOpenStreetMapおよびオーバートゥリーマップに由来しており、タイルがどこに表示されようとも、OpenStreetMapの貢献者への帰属が必要です。OpenStreetMap の著作権ページ を参照してください。OpenStreetMap財団は、インタラクティブマップやその他の制作作品に関するアトリビューションガイドラインも公開しています。

オープンデータとOpenStreetMap財団のパブリックタイルサーバーの無制限利用を混同しないでください。OSMFタイル使用ポリシーは、公共ラスタータイルサービスが寄付対象容量に制限があり、使用要件を課していると説明しています。本番製品は、tile.openstreetmap.orgを無料の商用CDNとして扱うのではなく、プロバイダー、コンプライアンスに準拠したホスト型タイルサービス、またはセルフホスティング型インフラストラクチャーを使用すべきです。

リリースごとに、帰属が依然として可視化され読みやすく、帰属リンクが必要なライセンスまたは著作権ページを指し、追加のデータセットや画像クレジットが提示され、衛星画像およびハイブリッド画像がそれぞれ個別の商用ライセンスに従っていること、およびプロバイダーの保存、キャッシュ、再配布の条件が尊重されていることを確認してください。Keleidrは現在、オープンOpenStreetMapベースのベースマップタイルは、計画の月額地図容量控除額の範囲内で商業的に使用できる可能性があると述べている。衛星画像とハイブリッド画像は別々のライセンス対象層であり、オープンタイルの提供には含まれていません。

アクセシビリティとパフォーマンスをどうテストするか？

地図のキャンバスだけが重要な情報が表示される場所ではないはずです。土地、水、道路、建物、地形におけるコントラストの検証、すべてのベースマップのバリエーションに対するオーバーレイコントラスト、色だけに依存せずに選択および未選択の状態、一般的な色表示の欠陥に対するルートおよび境界表示、コントロールおよび結果リストへのキーボードアクセス、マーカーや選定された機能に関するスクリーンリーダー同等物、読み取り可能な帰属および制御ラベル、および必要に応じてカメラの移行における動作の縮小。実際のスクリーンショットは代表的なズームで使用し、一般的なインターフェースのコントラストチェックではラベルやマーカーが交差する可能性のあるすべての背景をキャプチャできないため、使用しても使用していません。

カスタムスタイルは、スタイルのJSONサイズ、ソース数、レイヤーの数と複雑さ、グリフとスプライトのリクエスト、タイルのサイズとキャッシュの動作、地形と3Dレンダリング、ラベルの衝突処理、ライブまたは頻繁に更新されるオーバーレイ、およびデバイスのGPU制限を通じて、起動およびインタラクションのパフォーマンスに影響を与える可能性があります。最初の便利なマップが表示されるまでの時間、スタイルロード時間、失敗したタイル、グリフ、スプライトのリクエスト、パン中のフレームレート、ズーム、ピッチ、回転、代表的なモバイルデバイスでのメモリ使用、ライブオーバーレイの影響、セッション別のマップロードとタイルの使用状況を測定します。レンダラーがフリーにするのではなく、非表示または冗長なレイヤーを削除してください。

リリースに必要な品質チェック

リリースを承認する前に、地理、規模、テーマ、製品状態を超えてベースマップをテストしてください。魅力的な都市のスクリーンショットに基づいてスタイルが承認されるべきではありません。

テスト次元 必要なケース
地理 都市、郊外、農村部、沿岸部、山岳地帯、国際都市
ズーム 地域、都市、近隣、道路、建物
テーマ ライト、ダーク、ハイコントラスト、ブランドキャンペーンのバリエーション
データ状態 オーバーレイなし、通常の結果、緻密な結果、選択された結果、ルート、アラート
装置 デスクトップ、タブレット、ローエンドモバイル、高密度ディスプレイ
ネットワーク 高速、低速、断続的、キャッシュ、コールドスタート
言語 名前が長い、スクリプトが複数、右側から左へ、サポートされている場所
アクセシビリティ キーボード、スクリーンリーダー、カラービジョンシミュレーション、ズームテキスト

以下のイベント名は、自動的に発行されるKaleidr Analyticsイベントに関する主張ではなく、編集に関する推奨事項です。

basemap_loaded
basemap_load_failed
basemap_style_selected
basemap_style_changed
basemap_theme_changed
basemap_tile_error
basemap_attribution_opened
map_overlay_added
map_overlay_toggled
map_3d_enabled
map_session_completed

便利な指標には、最初の便利なマップ時間、成功したスタイル読み込みレート、タイルのエラーレート、マップ読み込みの使用状況、レンダラーフレームレート、セッション時間、オーバーレイインタラクション率、選択結果レート、ルートまたはワークフローの完了、テーマ切り替えの頻度、ベースマップのバリエーションによる変換、およびマップの可否に関するサポートインシデントが含まれます。ベースマップが目立つため、成功を宣言しないでください。ユーザーが製品の地理情報をより効果的に見つけ、解釈し、適切に処理できるかどうかを測定します。

チームが避けるべき間違い

間違い 何が起きるか 推奨訂正
至る所にブランドカラーを応用 地理的階層が崩壊する 厳選された機能や製品オーバーレイには、強いブランドカラーを保て
タスクを定義する前にベースマップをスタイリングする 地図は洗練されているように見えるが、ワークフローをサポートしていない ユーザーの意思決定と必要な地理的コンテキストから始めましょう
関心のポイントをすべて貼 Pinterest に貼 Pinterest で表記 製品データは無関係なラベルと競合する 値の低いラベルをズームおよびカテゴリで削除または遅延させてください
サポートなしで企業用フォントを使用する ラベルが失敗したり、一貫性なく後退したり グリフホスティング、文字カバレッジ、およびレンダーの互換性を確認します
アイコンを装飾として扱う 記号は一貫性がなく、曖昧になる 状態とテキスト等価を持つセマンティックスプライトシステムを作成します
デフォルトで3Dを追加する パフォーマンスと読みやすさの低下 関連構造を説明する場所でのみ、地形および押出成形を使用する
オーバーレイとベースマップの色を混ぜる 選択またはアラート状態は消失する 別の参照および運用上のカラートークンを維持
帰属を削除する 地図はソース要件に違反しています 読み取り可能な帰属を、必要な出所およびライセンスに関連付けて保管してください
パブリックOSMタイルサーバーを本番CDNとして使用 プライバシーポリシーに違反する場合や、利用がブロックされる場合があります コンプライアンスに準拠したプロバイダー、K Kaleidr ホストタイル、またはセルフホスト型インフラストラクチャを使用してください
バージョン化なしで制作スタイルを置き換える ユーザーにロールバックなしでビジュアル回帰が届く バージョンリリースおよびテストされた過去のスタイルの保存

最終実装チェックリスト

  • 製品マップのタスク、文書化
  • Babasemap、オーバーレイ、インタラクション、インターフェース層が分離
  • 地理的階層定義
  • デザインマップトークンの承認
  • 道路のクラスをズームでテスト
  • ラベル階層とハローテスト
  • グリフの報道が確認された
  • スプライトおよびアイコンシステムが文書化されている
  • 製品オーバーレイの色は、常に異なる色が保たれていた
  • 使用事例では地形および3Dが正当化される
  • グローバル拠点の代表的なレビュー
  • Light、ダーク、およびアクセシビリティのバリエーションがテストされた
  • OpenStreetMapおよびその他の帰属可
  • タイルプロバイダーの利用規約が確定
  • 主な出所制限の設定可能
  • mapsの能力範囲が確認
  • マップリブレのパスを埋め込みまたは直接選択
  • スタイルIDおよびリリースバージョンが記録され
  • エラーおよびロード状態を実装して
  • モバイルハードウェアでパフォーマンステスト
  • マプトラックとタイル使用量の監視
  • ロールバックスタイルが保存

最終評価

カスタムブランドのベースマップは、ユーザーが必要とする情報の階層性を向上させつつ、マップを製品にネイティブな雰囲気に仕上げるものである。色、タイポグラフィ、ラベル、アイコン、地形、3Dは実装ツールであり、目的ではありません。最も強力なワークフローは、製品タスクから始まり、参照領域と運用オーバーレイを分離し、再利用可能なデザイントークンを定義し、複数の場所とズームをテストし、ソースの帰属を保存し、バージョン化されたスタイルとタイル配信パスを通じて展開します。

Kaleidrは、product="tile"に設計されたベースマップを埋め込むか、公開されたKaleidrスタイルのJSONをMapLibreマップに直接読み込むという、2つの文書化された実装モデルをサポートしています。ベースマップがその表面および統合速度の問題を所有できる場合は、埋め込みを使用してください。ホストアプリケーションが完全なマップ制御を必要とし、独自のソース、レイヤー、およびインタラクションを追加する必要がある場合は、直接MapLibreパスを使用してください。

Kaleidr Studioでベースマップをデザインする

マップのスタイル、ラベル、レイヤー、地形、3D 建物、再利用可能なプリセットを作成して、ブランド化された空間体験を実現。製品タスクから始めて、トークンを選択的に適用し、MapLibreに埋め込むまたは読み込むことができるスタイルを公開してください。

オープン・Kaleidr・スタジオ

デザインしたベースマップを製品に追加する

統合パスを選択する前に、タイルの埋め込み、MapLibreのスタイルURL、ブラウザキー、出所制限、使用状況、およびCDNバージョン作成のドキュメントを確認してください。

Kaleidrタイルのドキュメントを読む

よくある質問

カスタムブランドベースマップとは？

カスタムブランドのベースマップは、カラー、タイポグラフィ、ラベル、アイコン、道路、表面、コンテキストレイヤーが製品のビジュアルシステムやユーザータスクに合わせて設計された、再利用可能な地理的リファレンススタイルです。ベースマップはコンテキストを提供します。製品オーバーレイはアプリケーションの主事項を運び、

ベースマップはアプリケーションデータと同じものですか？

いいえ。ベースマップは、道路、水、建物、ラベルなどの地理的な文脈を提供します。アプリケーションデータは、製品のプロパティ、ストア、アセット、インシデント、ルート、またはその他の主題を表しており、通常はベースマップの上に表示されます。

ベクターマップでブランドフォントを使用できますか？

フォントおよび必要な文字範囲に互換性のありるグリフリソースをレンデラーが読み込む場合のみ。ライセンス、グリフ生成、ホスティング、言語カバレッジ、およびフィードバックの動作を確認する前に、書面を選択してから確認してください。

KaleidrのベースマップはMapLibreで使用できますか？

はい。Kaleidrは、MapLibreマップを作成する際に、公開されたKaleidrスタイルのJSONをstyle値として直接読み込むことを文書に記録しています。ホストアプリケーションは、そのスタイルに加えて独自のオーバーレイとインタラクションを追加します。

MapLibreを直接管理せずにKaleidrベースマップを埋め込めますか？

はい。Kaleidr SDKは、スタイルIDによるデザインされたベースマップを組み込むproduct="tile"カスタム要素と、必須マウントオプションを文書化しています。埋め込みは独自のマップ表面を所有しており、文書化されたインターフェースを通じて通信する。

現在どのKaleidrベースマップスタイルが文書化されていますか？

現在の開発者向けドキュメントには、QZQ、kaleidr-afternoon、kaleidr-night、kaleidr-plain が一覧表示されて kaleidr-plain が一覧に表示されて QZQ されている。組織固有のスタジオスタイルは、追加の識別子の下で公開される場合があります。

Kaleidrの地図タイルにはAPIキーが必要ですか？

ブラウザのタイル埋め込みは、適切な地図機能と許可されたオリジン制限を備えた、公開可能なK Kaleidrキーを使用します。APIキーは現在、ProおよびEnterpriseプランに含まれています。

Kaleidrのオープンベースマップタイルを商用利用できますか？

Kaleidrの現在の価格ページには、毎月の地図使用量控除額の範囲内で商業利用が許可されていると書かれている。Proでは大量生産の使用が含まれており、Enterpriseは独立したCDNを通じてカスタムボリュームをサポートしています。衛星画像とハイブリッド画像は、引き続き個別にライセンスされています。

OpenStreetMapの帰属表示は必要ですか？

はい。OpenStreetMapは、OpenStreetMapおよびその貢献者への帰属を必要とします。Keleidrは、オープンなOpenStreetMapベースのタイルがどこに表示されようとも、帰属が必要とされると述べている。クレジットを可視化し、著作権またはライセンス情報にリンクしてください。

OpenStreetMapの公開タイルサーバーを商用製品で使用できますか？

OpenStreetMapのデータは公開されていますが、OpenStreetMap財団のパブリックタイルサーバーには別途使用ポリシーがあり、寄付された容量は限定されています。本番アプリケーションは、制限のないCDN使用を前提としないのではなく、準拠したタイルプロバイダーまたはセルフホスティング型インフラストラクチャーを使用すべきです。

ブランド地図には必ず地形と3D建物を使うべきですか？

いいえ。地形と3次元は、空間理解を向上させる際に使用すべきである。ユーザータスクをサポートしていない場合、読みやすさやパフォーマンスを低下させることができます。

ベースマップの効果をどう測定すべきですか？

スタイルと読み込みの信頼性、最初の便利なマップ時間、タイルのエラー、オーバーレイ操作、結果の選定、ワークフローの完了、アクセシビリティの問題、サポートインシデント、および変換を測定して。視覚的識別性だけでは、十分な成功の尺度ではない。

参考文献

@misc{kaleidr_tiles,
  title  = {Tiles --- embed a designed basemap},
  author = {{Kaleidr}},
  note   = {Kaleidr Developer Docs; accessed 25 July 2026},
  url    = {https://docs.kaleidr.com/sdk/tiles}
}

@misc{kaleidr_use_tiles,
  title  = {Use a designed basemap},
  author = {{Kaleidr}},
  note   = {Kaleidr Developer Docs; accessed 25 July 2026},
  url    = {https://docs.kaleidr.com/guides/use-tiles}
}

@misc{kaleidr_studio,
  title  = {Create Custom Maps with AI Map Maker},
  author = {{Kaleidr}},
  note   = {Accessed 25 July 2026},
  url    = {https://kaleidr.com/studio}
}

@misc{maplibre_style_spec,
  title  = {MapLibre Style Specification},
  author = {{MapLibre}},
  note   = {Accessed 25 July 2026},
  url    = {https://maplibre.org/maplibre-style-spec/}
}

@misc{osm_copyright,
  title  = {Copyright and License},
  author = {{OpenStreetMap}},
  note   = {Accessed 25 July 2026},
  url    = {https://www.openstreetmap.org/copyright}
}

@misc{osm_tile_policy,
  title  = {Tile Usage Policy},
  author = {{OpenStreetMap Foundation}},
  note   = {Accessed 25 July 2026},
  url    = {https://operations.osmfoundation.org/policies/tiles/}
}

関連コンテンツ

地図を成長のエンジンに変える