› 沖縄ホームページ制作Chopstickのブログ › Google Maps API V3がとても楽になった件2009年07月22日
Google Maps API V3がとても楽になった件
ホームページに地図を埋め込むときに重宝するのがGoogleMapsAPIなわけですが、
最近リリースしている新バージョンでは、コードがかなり短く済むみたい。
そのうえ、APIキーが不要になったので、導入もより手軽になりました。
まだ英語の情報ばかりなので、なかなか手を出すのは難しいですが、これをさらに簡単に扱えるｊQueryのプラグインなんか作ったら喜ばれるかな。
$("#map").gmapv2(緯度,経度,オプション,オプション)みたいなヤツ。
時間ができたらやってみよう。
というわけで、複数のマーカーとフキダシを表示するスクリプトを書いたので、同業の方はご参考にどうぞ。
http://www.gcea.net/project/gmapV3/
最近リリースしている新バージョンでは、コードがかなり短く済むみたい。
そのうえ、APIキーが不要になったので、導入もより手軽になりました。
まだ英語の情報ばかりなので、なかなか手を出すのは難しいですが、これをさらに簡単に扱えるｊQueryのプラグインなんか作ったら喜ばれるかな。
$("#map").gmapv2(緯度,経度,オプション,オプション)みたいなヤツ。
時間ができたらやってみよう。
というわけで、複数のマーカーとフキダシを表示するスクリプトを書いたので、同業の方はご参考にどうぞ。
http://www.gcea.net/project/gmapV3/
Posted by ハヤマタカシ at 02:46│Comments(5)│TrackBack(0)
この記事へのトラックバックURL
http://chopstick.ti-da.net/t2489900
この記事へのコメント
テスト
Posted by ハヤマタカシ
at 2009年12月03日 20:26
at 2009年12月03日 20:26羽山様
個人でＨＰを立ち上げようとＨＰ作成のための勉強をして
おります。ＨＰのコンセプトを考えて、コンテンツをどのように
作っていくか、試行錯誤しているところです。
平行してＨＴＭＬタグやＣＳＳなども勉強中ですので、ＨＰを
オープンさせるのはだいぶ先の話になりますが。
コンテンツを考えた際、周辺情報の地図を掲載したら便利か
と思い、「Google Maps API V3」がリリースされたことを
知りました。
周辺情報ですので、偶然、検索できた複数マーカーの表示が
できる羽山様のツールを参考にしたいと思ってます。
そこで以下について、知っていたら教えて下さい。
【質問内容】
１．「Google Maps API V3」は、複数のマーカーの
表示について、１つ１つオリジナルアイコンへ変更する
ことはできるのでしようか。V2は、オリジナルアイコンへ
表示ができるようですが･･･。
２．ページを読み込んだ際、複数のマーカーのうち、特定の
マーカーだけ、常にふき出しを表示させることはできるので
しようか。V3について、１つのアイコンであれば常に表示を
させることができることは、確認しました。
お時間があるときに、教えて頂ければ助かります。よろしく
お願い致します。
個人でＨＰを立ち上げようとＨＰ作成のための勉強をして
おります。ＨＰのコンセプトを考えて、コンテンツをどのように
作っていくか、試行錯誤しているところです。
平行してＨＴＭＬタグやＣＳＳなども勉強中ですので、ＨＰを
オープンさせるのはだいぶ先の話になりますが。
コンテンツを考えた際、周辺情報の地図を掲載したら便利か
と思い、「Google Maps API V3」がリリースされたことを
知りました。
周辺情報ですので、偶然、検索できた複数マーカーの表示が
できる羽山様のツールを参考にしたいと思ってます。
そこで以下について、知っていたら教えて下さい。
【質問内容】
１．「Google Maps API V3」は、複数のマーカーの
表示について、１つ１つオリジナルアイコンへ変更する
ことはできるのでしようか。V2は、オリジナルアイコンへ
表示ができるようですが･･･。
２．ページを読み込んだ際、複数のマーカーのうち、特定の
マーカーだけ、常にふき出しを表示させることはできるので
しようか。V3について、１つのアイコンであれば常に表示を
させることができることは、確認しました。
お時間があるときに、教えて頂ければ助かります。よろしく
お願い致します。
Posted by タナカ アキヒロ at 2009年12月09日 19:30
タナカさん
こんにちは。
すっかり放置してしまってすいません。
いまちょっと海外なので、詳しいリファレンスは帰ってからゆっくり書かせていただきますが、ご要望の操作は両方できますよ。
特に１番については、非常に楽にできます。
複数のマーカーは、二次元配列を使うのですが、そこにアイコンの種類を指定してあげれば良いだけです。
こちらのように、大量のマーカーを配置しても普通に動作するのが嬉しいですね。
http://www.meshsupport.net/donation-box/post-3/
私の場合は、jQueryを絡めてクラス的なモノを作っておりまして、HTML内にはマーカーの配列だけ書くようにしています。
また、帰ったら詳しいエントリーを書きますね。
こんにちは。
すっかり放置してしまってすいません。
いまちょっと海外なので、詳しいリファレンスは帰ってからゆっくり書かせていただきますが、ご要望の操作は両方できますよ。
特に１番については、非常に楽にできます。
複数のマーカーは、二次元配列を使うのですが、そこにアイコンの種類を指定してあげれば良いだけです。
こちらのように、大量のマーカーを配置しても普通に動作するのが嬉しいですね。
http://www.meshsupport.net/donation-box/post-3/
私の場合は、jQueryを絡めてクラス的なモノを作っておりまして、HTML内にはマーカーの配列だけ書くようにしています。
また、帰ったら詳しいエントリーを書きますね。
Posted by ハヤマタカシ at 2009年12月17日 03:32
はじめまして。
Google Maps API V3のことを調べてたらこちらのページにたどり着きました。
まさにタナカさんと同様なことを解決したいと思っています。
「Google Maps API V3は、複数のマーカーの表示について、１つ１つオリジナルアイコンへ変更することはできるのでしようか？」
今こちらのページ（http://www.gcea.net/project/gmapV3/）を参考に試しておりまして、オリジナルアイコンへ変更することはできたのですが、複数のオリジナルアイコンを使う場合どうすればよいのでしょうか？
お時間があるときに教えていただければ幸いです。
Google Maps API V3のことを調べてたらこちらのページにたどり着きました。
まさにタナカさんと同様なことを解決したいと思っています。
「Google Maps API V3は、複数のマーカーの表示について、１つ１つオリジナルアイコンへ変更することはできるのでしようか？」
今こちらのページ（http://www.gcea.net/project/gmapV3/）を参考に試しておりまして、オリジナルアイコンへ変更することはできたのですが、複数のオリジナルアイコンを使う場合どうすればよいのでしょうか？
お時間があるときに教えていただければ幸いです。
Posted by オオタカヒロキ at 2010年04月14日 18:07
hayamaさん こんばんは。本日はありがとうございます！またよろしくお願いいたします
Posted by にきスケ at 2010年06月01日 23:38
at 2010年06月01日 23:38
