--- title: "Maps のシナリオ" slug: "application-maps-procedure" updated: 2026-09-17T09:25:54Z published: 2026-09-17T09:25:54Z canonical: "guide.ncloud-docs.com/application-maps-procedure" stale: true --- > ## Documentation Index > Fetch the complete documentation index at: https://guide.ncloud-docs.com/llms.txt > Use this file to discover all available pages before exploring further. # Maps のシナリオ VPC環境で利用できます。 NAVERクラウドプラットフォームの Maps APIを使用して、NAVERマップを簡単かつ手軽に実装できます。使用方法は Maps を開始する、Maps を使用するで詳しく確認できますが、まずは Mapsサービスを使用する全体的なシナリオを確認することをお勧めします。使用シナリオを学習してから使用方法を確認すると、より円滑に Mapsサービスを活用できます。 Mapsサービスを使用する全手順と各手順の説明は、次の通りです。 [1. 使用権限設定](/docs/ja/application-maps-procedure#1%EC%82%AC%EC%9A%A9%EA%B6%8C%ED%95%9C%EC%84%A4%EC%A0%95) [2. サービスご利用の申し込み](/docs/ja/application-maps-procedure#2%EC%83%81%ED%92%88%EC%9D%B4%EC%9A%A9%EC%8B%A0%EC%B2%AD) [3. 認証キー発行](/docs/ja/application-maps-procedure#3%EC%9D%B8%EC%A6%9D%ED%82%A4%EB%B0%9C%EA%B8%89) [4. プロジェクト設定](/docs/ja/application-maps-procedure#4%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%84%A4%EC%A0%95) [5. 認証キー適用](/docs/ja/application-maps-procedure#5%EC%9D%B8%EC%A6%9D%ED%82%A4%EC%A0%81%EC%9A%A9) [6. API使用](/docs/ja/application-maps-procedure#6API%EC%82%AC%EC%9A%A9) [7. Map Style Editorコンポーネントスタイリング](/docs/ja/application-maps-procedure#7MapStyleEditor%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) [8. 利用量照会](/docs/ja/application-maps-procedure#8%EC%9D%B4%EC%9A%A9%EB%9F%89%EC%A1%B0%ED%9A%8C) ## 1. 使用権限設定 Mapsサービスを複数のユーザーが管理して共有する必要がある場合、ユーザー別の権限を設定して運用できます。ユーザー別の権限は、NAVERクラウドプラットフォームの Sub Accountを通じて管理者権限とユーザー権限に構成でき、各権限別にロールを定義できます。 使用権限設定は、必須設定事項ではないため、Maps利用中に権限が必要な状況であれば、いつでも設定・解除できます。 参考 Sub Accountは、ご利用の申し込みの際に別途料金が発生しない無料サービスです。Sub Accountの紹介と料金プランの詳細は、NAVERクラウドプラットフォームポータルの [**サービス > Management & Governance > Sub Account**](https://www.ncloud.com/product/management/subAccount) メニューをご参照ください。 参照できるご利用ガイドは、次の通りです。 - [Maps の権限管理](/docs/ja/application-maps-subaccount) - [Sub Account ご利用ガイド](/docs/ja/subaccount-overview) ## 2. サービスご利用の申し込み Mapsサービスを利用するには、NAVERクラウドプラットフォームのコンソールでサービスご利用の申し込みを完了する必要があります。本サービスの利用約款は Mapsサービスで発生するデータの保管と使用に関する内容と個人情報の委託と受託、会社の義務と顧客の義務に関する内容を含んでいます。サービス企画の前に、利用規約の内容を必ずご確認ください。 参照できるご利用ガイドは、次の通りです。 - [Mapsご利用の申し込みと解約](/docs/ja/application-maps-start-vpc) ## 3. 認証キー発行 Mapsサービスを利用するには、まず NAVERクラウドプラットフォームコンソールで Applicationを登録して認証キーを発行する必要があります。登録できる Maps APIには、Web Dynamic Map(Web、Mobileサービス環境対応)、Static Map、Directions 5、Directions 15、Geocoding、Reverse Geocodingがあります。すべての APIを1つの Applicationに登録することもでき、APIを個別の Applicationとして登録することもできます。 Applicationの登録に関する参考となるガイドは、次の通りです。 - [VPC > Maps を使用する > Application > Application登録](/docs/ja/application-maps-app-vpc/#Application%EB%93%B1%EB%A1%9D) ## 4. プロジェクト設定 Maps APIを使用するには、NAVERクラウドプラットフォームが提供する Maps APIリソースを開発プロジェクトファイルにロードするか、リソースとライブラリへの依存関係を追加する必要があります。開発リソースごとにプロジェクトの設定方法が異なるため、各リソースのスタートガイドをご参照ください。Maps REST APIは別途設定なしで利用できます。 参照できるご利用ガイドは次の通りです。 - [Web Dynamic Map を開始する](https://navermaps.github.io/maps.js.ncp/docs/ja/tutorial-2-Getting-Started.html) - [Mobile Dynamic Map Android を開始する](https://navermaps.github.io/android-map-sdk/guide-ko/1.html) - [Mobile Dynamic Map iOS を開始する](https://navermaps.github.io/ios-map-sdk/guide-ko/1.html) 参考 Web Dynamic Mapのサブモジュールは Web Dynamic Mapコア APIとは別のライブラリなので、サブモジュールを使用するには `submodules` URLパラメータを使ってサブモジュールをロードする必要があります。サブモジュールをロードするには、Web Dynamic Map APIが先にロードされている必要があります。Web Dynamic Mapが提供するサブモジュールの説明は、次の通りです。 - panorama: ストリートビュー/航空写真を提供します。 - geocoder: 座標系間の変換メソッドと特定の座標系をサポートする拡張された投影オブジェクトを提供します。 - drawing: マップ上にポリゴン、四角形、ポリライン、円、マーカーを描くことができる描画ツールを提供します。 - visualization: 地理情報を持っているデータを簡単に理解できるように、温度マップ、ドットマップを提供します。 ## 5. 認証キー適用 [2. サービスご利用の申し込み](/docs/ja/application-maps-procedure#2%EC%83%81%ED%92%88%EC%9D%B4%EC%9A%A9%EC%8B%A0%EC%B2%AD)の手順に従って Application登録を通じて発行された認証キー(Client ID、Client Secret)を開発プロジェクトに適用します。つまり、開発プロジェクトの設定ファイルに発行された認証キーを適用することで Maps APIを使うことができます。Maps REST APIはヘッダに認証キーを入力します。開発リソースごとに認証キーの適用方法が異なるため、各リソースのスタートガイドをご参照ください。 参照できるご利用ガイドは次の通りです。 - [Web Dynamic Map API を開始する](https://navermaps.github.io/maps.js.ncp/docs/ja/tutorial-2-Getting-Started.html) - [Mobile Dynamic Map Android を開始する](https://navermaps.github.io/android-map-sdk/guide-ko/1.html) - [Mobile Dynamic Map iOS を開始する](https://navermaps.github.io/ios-map-sdk/guide-ko/1.html) 注意 Client IDと Client Secretが外部に表示されないようにご注意ください。セキュリティが懸念される場合は、新しい値で再発行してください。認証キーの再発行手順は、[Application情報確認](/docs/ja/application-maps-app-vpc#Application%EC%A0%95%EB%B3%B4%ED%99%95%EC%9D%B8)をご確認ください。 ## 6. API使用 NAVERクラウドプラットフォームの Maps APIが提供するクラスとライブラリを使用して NAVERマップサービスを実装します。マップオブジェクトを作成し、マップを表示する場所を予約することから始めます。詳しい実装方法は、開発リソース別の開発ガイドをご参照ください。 参照できる開発ガイドは、次の通りです。 - [Web Dynamic Mapの開発](https://navermaps.github.io/maps.js.ncp/docs/ja/tutorial-Map.html) - [Mobile Dynamic Map Androidの開発](https://navermaps.github.io/android-map-sdk/guide-ko/2-1.html) - [Mobile Dynamic Map iOSの開発](https://navermaps.github.io/ios-map-sdk/guide-ko/2-1.html) - [Dynamic Map APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-dynamic) - [Static Map APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-static) - [Directions 5 APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-directions5) - [Directions 15 APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-directions15) - [Geocoding APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-geocoding) - [Reverse Geocoding APIの明細](https://api.ncloud-docs.com/docs/ja/application-maps-reversegeocoding) 注意 Maps APIを使用してサービスを実装する場合、NAVER Mapsで提供している機能およびサービス名称を任意に変更できず、このガイドで案内された名称(ストリートビュー、ルート検索、ナビゲーション、衛星マップ、地籍編集図、マップ検索、公共交通、リアルタイム交通など)と同じく表記する必要があります。 例) お客様が Web Dynamic Mapを利用して「ストリートビュー」を表示する場合、「ストリートビュー」ではなく「入口ビュー」または「ロードビュー」などの名称に変更して表記することはできません。 ## 7. Map Style Editorコンポーネントスタイリング サービスで呼び出すマップコンテンツを、サービスに適した形にスタイリングします。各マップ編集要素であるコンポーネントの色や文字をスタイリングしたり、直接アイコンを編集して自分だけのマップを作成できます。 参照できるご利用ガイドは、次の通りです。 - [Map Style Editor ホーム画面](/docs/ja/application-maps-styleeditor-screen-vpc) - [Map Style Editorと連携する](/docs/ja/application-maps-styleeditor-connection-vpc) ## 8. 利用量照会 NAVERクラウドプラットフォームコンソールで Maps APIの利用量を照会します。一定利用量を超えると課金されるので、利用制限を設定したり、制限超過時の通知機能を通じて Mapsの利用量を管理するようにします。 参照できるご利用ガイドは、次の通りです。 - [VPC > Maps を使用する > Usage](/docs/ja/application-maps-usage-vpc)