Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
デル株式会社
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 618 ) Arax ( 1 ) canvas ( 11 ) CSS ( 19 ) ( 8 ) DLNA ( 1 ) Dojo ( 22 ) DOM ( 50 ) ES4 ( 4 ) Ext JS ( 4 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 123 ) GPS ( 44 ) HTTPヘッダサンプル ( 10 ) Internet ( 1 ) iPhone ( 45 ) IPv6 ( 1 ) 漫画 ( 3 ) Java ( 47 ) JavaScript ( 306 ) jKamo ( 8 ) jQchart ( 3 ) jQuery ( 161 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 17 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 5 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 9 ) P2P ( 2 ) Perl ( 8 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 26 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 20 ) TRON ( 1 ) Ubiquity ( 6 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 103 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 71 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 6 ) チューニング ( 24 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 157 ) レーダー雨量表示 ( 1 ) ハード ( 32 ) ペンギン ( 2 ) ブラウザ ( 95 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 12 ) クロスブラウザ関数 ( 8 ) スマートフォン ( 8 ) セキュリティ ( 138 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 48 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 36 ) 牛久大仏 ( 16 ) 携帯 ( 148 ) 言語 ( 19 ) 故障 ( 6 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 91 ) 雑談 ( 296 ) 実装 ( 2 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定 承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】 

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2006年08月05日

【Google Maps】Google Maps のバージョン2に対応するリファレンスの意訳とサンプル

Google Maps , Webサービス , 『入門 Ajax』 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed 人気ブログランキングへ


【Google Maps】Google Maps のバージョン2に対応するリファレンスの意訳とサンプルを追加しました。

Google Mapsのv2では、かなりの数のクラスが追加されているだけではなくて、いろいろ細かな変化がありますので、v2として使う場合は注意が必要です。

APIキーについては、v1では、たとえば
<script src="http://maps.google.com/maps?file=api&v=1&key=自分のキー...
となっていた、v=1の部分をv=2にすることで動作します。

地図のインスタンスは、 v1では、
var map = new GMap(document.getElementById("map"));
のように書きましたが、 v2では、 
var map = new GMap2(document.getElementById("map"));
GMapクラスがGMap2クラスに変ります。

また、centerAndZoomは無くなり、代わりにsetCenterというメソッドが追加されました。 また、Zoom値は小さくなるほど広域になるように変わりました。
newZoom = 17 - oldZoom
です。

更に、v1では、GPointで地理的座標、つまり経緯度を扱っていたのが、v2として書く場合には、GLatLngを使う仕様に変っています。

特に、GPointとGLatLngでは、引数の経緯度の順序が逆になることに注意が必要です。

たとえば、
new GPoint(139.7454,35.6587);
と書いていたものは、
new GLatLng(35.6587,139.7454);
と書きます。

簡単な例を挙げると、
var map = new GMap(document.getElementById("map")); map.centerAndZoom(new GPoint(139.7454, 35.6587), 1);
こう書いていたものが、
var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(35.6587,139.7454), 17);
こうなります。

将来どうなるかは、まだわかりませんが一応v1のサポートは続いています。ただし、v1.31以降バージョンアップはされていません。v2の最新バージョンは2.56になっています(2006.8.5現在)。

具体的には、各リファレンスに添えたサンプルをご参照下さい。 また、バージョンの更新履歴は、下記などで確認できます。

Google Maps API Version 2 Upgrade Guide http://www.google.com/apis/maps/documentation/upgrade.html
オフィシャルブログ
http://googlemapsapi.blogspot.com/
Google Maps /wiki/Changelog
http://www.mapki.com/wiki/Changelog 追記 その他の v1→v2
var bounds = map.getBoundsLatLng(); var width = bounds.maxX - bounds.minX; var height = bounds.maxY - bounds.minY;
  ↓
var bounds = map.getBounds(); var height = bounds.getNorthEast().lat() - bounds.getSouthWest().lat(); var width = bounds.getNorthEast().lng() - bounds.getSouthWest().lng();
#あと、v2に限りませんが、たとえば、v2.58で動作していたスクリプトがv2.59で動作しない( 【Google Maps】Bug at v2.59,2.6. G_SATELLITE_MAPのバグ )ということがありますので、業務で使うときには、APIのURLクエリには「v=2」ではなく「v=2.58」と有効バージョンを明示した方がよい かもしれません。





AllaboutのJavaScript記事を連載させていただいてます。最近は、jQueryを主に取り上げていますが、多少なりとも参考になれば幸いです。