2020/10/20 14:46 JST

Geeklog Japan Forums

Google Mapとの連携


状態: オフライン

xtop

Forum User
Regular Member
登録日: 04
投稿数: 79
場所:大阪府豊中市
▼tokyoaheadさんの記事が参考になります
http://www.geeklog.net/article.php/google-maps
英語ですが、簡単なので、がんばって実現してみましょう。

この連携の方法がうまいなぁと思うのは
静的ページを一度作っておけば、位置を指定したURLでアクセスしさえすれば
よいので、いろんな応用が効くということですね。
記事の中でそのまま表示される方法を開設しているわけではないので、
ご注意ください。
(iframeで無理やり取り込んで、、という方はご自由に^^;)

手順は
1.静的ページをつくって、コードをコピーして貼り付けPHPを有効にして
mapsという名前で保存する。
2.記事などから静的ページのURLへアクセス(point_a, point_b, zoomを指定されてる)
・URLリライトが効いてる場合
http://example.com/staticpages/index.php/maps?point_a=114.155&point_b=22.285&zoom=1
・URLリライトが効いていない場合
http://example.com/staticpages/index.php?page=maps&point_a=114.155&point_b=22.285&zoom=1
記事のなかにこのURLを使ってリンクを作っときなさい、、ってことですね。
3.ほかの記事や写真からもそれぞれの場所に応じた同じたリンクをはっておけば、
リンクを書くだけで、静的ページは書き直さないでいい!というわけです。

▼ハマらないためのポイント
ポイントはグループ管理でStatic Page Adminを編集してstaticpages.PHP権限
を与えておくことですね。もうひとつのポイントは、コードを書き写す際、
この記事のコード部を一度テキストエディタにコピーペーストしておいて
それをさらにコピーペーストしたほうがいいというのと、
最後の<?まで残さずコピーするということでしょうか。

xxxxxxのところはGoogleでもらったAPIキー文字列を入れます。

なお、
save it with the ID "maps"

「mapsというIDをつけて保存します」です

map.setMapType(G_SATELLITE_TYPE);

日本からアクセスすると、近隣諸国は地図がありませんので、衛星写真を
デフォルトにするということでしょう。

tokyoaheadさんの指定するa, b値を入れて作成した静的ページにアクセスすると、、、
香港の高層ビル街が、、、ひょっとして、これはtokyoaheadさんの住まい?

▼どうやって、自分の目的の位置がa,bで分かるかって?
http://map.rails2u.com/
にアクセスすれば、郵便番号(FireFoxでは郵便番号からでないと無理だった)
をいれて緯度経度を得るか、地図がでたら、自由に動かして表示される緯度
と軽度をb, aに入れればいいです。
aとbを間違わないでね^^;

他にも同じようなサイトがありますので、Googleで探してみてください。

▼最後に参考になりそうな記事を、、。
http://blog.goo.ne.jp/ykimata/e/02e9e6857fc0242385a7e2293cad9154

時刻はすべて JST , 現在の時刻は 02:46 PM

  • 通常
  • 注目トピック
  • ロック済
  • 新着
  • 注目トピック 新着
  • ロック済トピック 新着
  •  ゲストユーザの投稿を見る
  •  投稿可能
  •  一部のHTMLを許可
  •  バッドワードをチェック