Google マップをウェブページに追加する | Maps JavaScript API

メインコンテンツにスキップ

Maps Platform

商品料金ドキュメント

開始する
Google Maps Platform の利用を始める
Capabilities Explorer
お支払いと料金
セキュリティとコンプライアンス
レポートとモニタリング
よくある質問
サポートとリソース
カスタマーケア
インシデント管理

マップ
Maps JavaScript API
Maps SDK for Android
Maps SDK for iOS
Google Maps for Flutter
Maps Embed API
Maps Static API
Street View Static API
マップ URL
Aerial View API
Elevation API
Map Tiles API
Maps Datasets API
ウェブコンポーネント

ルート
Routes API
Navigation SDK for Android
Navigation SDK for iOS
Flutter 用 Navigation
React Native 用 Navigation
Roads API
Route Optimization API

Analytics
Google Earth
Places Insights
人口動態の分析情報
Street View Insights
Roads Management Insights

プレイス
Places API（新版）
Places SDK for Android
Places SDK for iOS
プレイスライブラリ、Maps JavaScript API
Geocoding API
Geolocation API
Address Validation API
Time Zone API
Places Aggregate API
Isochrones API

環境
Air Quality API
Pollen API
Solar API
Weather API

ソリューション
アーキテクチャセンター
業種別ソリューション
マップビルダーエージェント
WordPress ユーザー

その他のリソース
API のセキュリティに関するベストプラクティス
デジタル署名ガイド
Google Maps Platform のサポート状況
最適化ガイド
モバイル OS とソフトウェアのサポート
リリースステージ
以前のプロダクト
非推奨のサービスと機能
URL エンコード

ブログコミュニティ

GitHub
YouTube
LinkedIn
Discord
イノベーター
Issue Tracker

/

English
Deutsch
Español
Español – América Latina
Français
Indonesia
Italiano
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어

ログイン

Web
Maps JavaScript API

開始するお問い合わせ

ガイドリファレンスサンプルリソース従来の設定

Maps Platform

商品
料金
ドキュメント
- その他
ブログ
コミュニティ
- その他

Maps JavaScript API
概要
JavaScript API を設定する
マップデモキーを取得して使用する
App Check を使用して API キーを保護する
Maps JavaScript API を読み込む
エラー処理
トラブルシューティング
チュートリアル
マーカーが配置された Google マップを HTML を使って追加する
JavaScript HTML を使用するマーカーが配置された Google マップを追加する
React アプリに Google マップを追加する
現在地の表示
クラスタマーカー
コンセプト
バージョニング
ローカライズ
おすすめの方法
TypeScript
Promise
基本地図
Google マップをウェブページに追加する
地図のイベント
地図のコントロール
ズームとパンの制御
レンダリングタイプ（ラスターとベクター）
地図タイプ
地図のカラーパターン
地図とタイル座標
地図をカスタマイズする
- 概要
- マップ ID を管理する
  - マップ ID の概要
  - マップ ID を作成する
- Cloud ベースのマップのスタイル設定
  - 概要
  - 開始する
    利用を開始してセットアップする
    チュートリアル - 道路網をハイライト表示する
    自動移行された地図スタイルを確認する
    地図上の対象物の変更点
  - 地図のスタイルを作成して使用する
    地図のスタイルを作成して使用する
    プレビュー用地図を操作して対象物を探す
    
    地図のスタイルで JSON を使用する
    クラウドベースの地図のスタイル設定で JSON を使用する
    Cloud ベースのマップのスタイル設定の JSON リファレンス
    モードと地図の種類について
    地図のスタイルの更新をテストする
    ズームレベルのスタイルを設定する
    地図のスタイルのバージョンを使用する
    地図でスタイル設定が可能な要素
    地図スタイルの継承と階層を理解する
    重なっているスタイルを管理する
  - 地図の設定を変更する
    スポットの密度を調整する
    表示する地図対象物をフィルタする
    建物のスタイルを変更する
    ランドマークのスタイルを変更する
    アプリの背景色を変更する
  - スタイルの例とガイドライン
    スタイルの例
    設計チェックリスト
  - トラブルシューティング
- JSON スタイル
  - JSON スタイルの概要
  - JSON スタイルリファレンス
3D マップを活用する
概要
使ってみる
コンセプト
ベースの 3D 地図
マーカー
地図上での図形描画
リソース
- サポート
- サポート範囲
マーカー
概要
使ってみる
マップにマーカーを追加する
マーカーの基本的なカスタマイズ
画像を使ったマーカーを作成する
HTML と CSS を使ったマーカーを作成する
衝突時動作、高度、可視性を制御する
マーカーのクリック対応とアクセシビリティ確保
マーカーをドラッグできるようにする
高度なマーカーに移行する
マーカー（従来版）
プレイスを活用する
概要
プレイス（新規）