Tips：地図の埋め込み
・Google マップの埋め込み
・Yahoo!地図の埋め込み
Google マップの埋め込み
メモ
- 埋め込み方法 (2019/11末 現在)
- Google マップ で埋め込みたい場所を表示 (下記の指定も可)
- ルート
- 航空写真
- ストリートビュー
- [メニュー]アイコン - [地図 (画像) を共有または埋め込む] を選択 (利用規約についてはリンク先を参照)
- [共有]ダイアログ - [地図を埋め込む]タブ でサイズを選択 (下記参照) し、 [HTML をコピー]リンクをクリック
- 小：400 x 300
- 中：600 x 450
- 大：800 x 600
- カスタムサイズ：サイズを指定
- クリップボードにコピーされたコードを埋め込みたい位置に張り付け
- Google マップ で埋め込みたい場所を表示 (下記の指定も可)
- 料金 (2019/11末 現在)
- 上記の方法で埋め込んだ一般的な使用であれば、無料
- Google Maps Platform のAPI を利用する場合、 有料 (但し、一定リクエスト数以下は無料)
- 参照
埋め込み例
東京駅 (小)
東京駅 (中)
東京駅 (大)
東京駅 (カスタムサイズ：250 x 250)
電車で東京タワーから東京スカイツリー (中)
東京スカイツリーの航空写真 (中)
富士山のストリートビュー (中)
Yahoo!地図の埋め込み
メモ
- 埋め込み方法 (2019/11末 現在)
(JavaScript が必要)- Yahoo!地図 で埋め込みたい場所を表示 (下記の指定も可)
- ルート探索
- 道沿い検索
- 航空写真
- 地下街
- 鉄道路線
- 写真＋注記
- 地形図
- モノトーン
- 情報の追加 (雨雲レーダー・混雑レーダー・台風情報)
- その他
- 右上の [URL]ボタンをクリックし、ダイアログ表示
[地図のカスタマイズとプレビュー]ボタンでサイズ・形式の指定可 (下記参照)- 小：320 x 240
- 中：480 x 360
- 大：640 x 480
- 自由設定：サイズを指定 (横幅自動調節の指定可)
- 上記に加え形式の指定が可能
- 自動検出
- パソコン用 (スクロール地図)
- スマートフォン用 (固定地図)
- ダイアログの [この地図をブログ、サイトにはりつける] のコードを埋め込みたい位置に張り付け
- Yahoo!地図 で埋め込みたい場所を表示 (下記の指定も可)
- 料金 等 (2019/11末 現在)
- 上記の方法で埋め込んだ一般的な使用であれば、無料
- Yahoo! Open Local Platform(YOLP)サービス も無料
(独自の経路・テキスト等の追加が可能)
- 参照
埋め込み例
東京駅 (小)
東京駅 (中)
東京駅 (大)
東京駅 (自由設定：250 x 250)
東京駅 (自由設定：横幅自動調 x 250)
ルート探索：電車で東京タワーから東京スカイツリー
東京スカイツリーの道沿い検索
東京スカイツリーの航空写真
東京駅の地下街
東京駅の鉄道路線
東京駅の写真＋注記
富士山の地形図
東京スカイツリーのモノトーン
富士山の雨雲レーダー