ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

プッシュコーン倶楽部コミュの【GoogleMapによる「地図連携(緯度・軽度)」】

  • mixiチェック
  • このエントリーをはてなブックマークに追加
 PushCornの現行バージョンには、いくつかの新機能を盛り込みました。具体的な機能、使い方をお知らせしないといけなかったのですが、遅くなっていてすみません。
 その一つが「地図連携(緯度・軽度)」です。カード編集の「項目追加」から選べます。
 これはGoogleMapの地図表示をPushCornの入力項目に加えるものです。この機能を使う前に、Googleアカウントの作成、API Keyの取得、PushCornの「基本設定」が必要です。
 説明が少しややこしいですが、ご興味のある方は是非お試しになってみてください。

▼「地図連携(緯度・軽度)」を適用したページのサンプル
http://www.yamagata-net.jp/usr/mae/hobo/page/A0482.html

 この機能を使うためには、Googleアカウントを作成し、さらにGoogleMaps API KEYを取得する必要があります。

<Googleアカウント作成の手順>
1) Googleのトップページを開く。http://www.google.co.jp/
2) ページ右上の「ログイン」を選ぶ。
3) ページ右下の「今すぐアカウントを作成」を選ぶ。

<API Keyの取得方法>
1) 以下のページを開く。
http://www.google.com/apis/maps/signup.html
2)ページ下の同意書(英語)を読んで同意する。チェックボタンを
チェックする。
3) My web site URLを指定する。
 ここで何のURLを指定するかがポイント。PushCornでインターネット公開するURLは、例えば、私の場合は、次のようになります。
http://www.yamagata-net.jp/usr/mae/サイト名/
 複数のサイトで使うとすると、サイト名よりも一つ前の共通部分を全て指定するとよいでしょう。次のようにすると新たなサイトを作った
りした場合でも問題なく適用できます。
http://www.yamagata-net.jp/usr/mae/
4) Generate API Keyボタンをクリック。

<PushCornの基本設定>
 取得したAPI Keyは、「基本設定」で設定します。
1) 「基本設定」を選ぶ。
2) 「サイト基本項目」を選ぶ。
3) 「GoogleMaps API Key」項目(一番下)にAPI Keyの文字列をペーストする。
4) 「登録」ボタンで確定する。

<ページ編集に地図を組み込む手順>
1) 「カード編集」画面を開く。
2) 「項目追加」から「地図連携(緯度・軽度)」を選んで地図の入力項目を追加する。
3) 「緯度経度検索...」をクリックする。
4) 別ウィンドウに表示される地図から位置をクリックする。
5) ウィンドウ下の方の緯度・経度値を範囲指定しコピーする。(地図ウィンドウは閉じる)
6) 「カード編集」画面の入力項目「地図連携(緯度・軽度)」の「位置情報」フィールドに緯度・経度値をペーストする。
7) 必要なら「コメント」を記入する。
8) 「カード編集」の「登録」(=新規保存または上書き保存)または「別名保存」を選んで保存する。

 ポップコーンでサイト更新をすると、ページに地図が組み込まれます。

 わからないこと、つまづいたことなどあればお知らせください。

コメント(2)

作成してみました。↓
http://www.kasumigaura.net/usr/kikuchi/oyogerukasumigaura/paged/A0159.html
スルスルとできました。
ちょっとWeb2.0を実感させてくれます。
PushCornもどんどん進化させねば、です。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

プッシュコーン倶楽部 更新情報

プッシュコーン倶楽部のメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。