ブログにグーグルマップを貼り付ける方法
ブログにお店の位置や、旅行のルートなどを示したい場合がある。
そんな時、グーグルマップ(Googlemap)のマイマップ機能を利用すると便利。
※先日行った-チェコ旅行のルート
グーグルマップの「マイマップ」をクリック。
「新しい地図を作成」をクリック
地図の左上にあるアイコンで、ポインタや線、領域などを追加できる。
たとえば、ポインタはポインタアイコンをクリックしたあと、ポインタを設置したい位置をクリックする。
設置したポインタはドラッグすれば位置を変更できる。ポインタをクリックすれば、ふきだしに情報を追加したり、ポインタを削除したりできる。
線も同様。始点と終点をクリックし、やめたい場所でダブルクリック。
始点と終点は、ドラッグで後から調整可能。線自体をクリックすれば、ふきだしに情報を追加できる。
保存したい場合は、タイトルを決めて、「保存ボタン」を押す。編集を辞めるには「完了ボタン」を押す。
ブログに地図を載せたい場合は、右上の「このページへのリンク」をクリックする。
「HTMLに貼り付けて...」下の「埋め込み地図のカスタマイズとプレビュー」をクリックすると、さらに詳しい設定画面が表示される。
地図の大きさや、地図の縮尺、表示位置を調節したあと、同画面の下部のリンクコードをコピーし、ブログにペーストすれば完成。
同じテーマの記事
[解決!]アマゾンProduct Advertising APIの使用に関する新ガイドライン
アマゾンAPI(Product Advertising API) で「楽器」カテゴリ追加
ブログパーツ公開と悩み eカタログ.com
Yahoo PipesでUserIDを隠す JSONP&Javascript
JSONPデータ配布と、UserID守秘義務って矛盾してない?
Amazonのxsltキャッシュがうざい件とその対処法
Amazon Product Advertising API 電子署名とXSLTのまとめ
Googleカスタマイズ検索を利用した、「売り上げランキング検索」
youtubeAPIの規約
youtubeAPI データー取得時の問題
Twitterブログパーツが重い 対策用独自プログラム
ブログにグーグルマップを貼り付ける方法
楽天APIのand検索に注意
楽天APIとAMAZON Web Service(AWS)のマッシュアップは可能か?
楽天APIベータ版公開
楽天もWeb2.0へ
価格コムAPIを公開
楽天市場 非公開API公開
トラックバック
※当サイト内ページへのリンクがないと、受け付けない仕様になっています
トラックバック一覧
コメント




静岡地元ネタは
