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

【費用】 とりあえず、言い値で承ります。ただし、できる範囲での限定受付です。込み具合等によりお受けできない場合がありますのであらかじめご了承ください。サポートにご納得いただけなければ料金は不要です。 逆に感動したら多くても構いません(^^;;;。

【できること】 たとえば、かも日記で無料配布されているコードのカスタマイズや、あるいは、JavaScript/Ajax全般+Webサーバーとの連携などのアドバイス&サンプル作成等 。A:jQchartなどでWeb用グラフ設置(エクセル→CSVやデータベースからWebグラフ生成)などのアドバイスやカスタマイズサンプル作成。B:ツリーメニューなどのカスタマイズサンプル。C:Google Mapsのカスタマイズ。etc...

【できないこと】 腕立て伏せ200回

【ライセンス】 私が今まで「かも日記」等で提供してきたコードの大半は、商用利用、改造、自由、連絡不要で、今後もそれらは変わりません。そして、この有料サポートによりカスタマイズコードなどが提供される場合でも、同様に、それらを商用利用しても改造しても自由です。ただし、制限のきついライブラリなどを使う場合は、各ライブラリのライセンスに準拠せざるを得ない場合があります。

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いですが、何卒、ご了承ください ( _ _ 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」と有効バージョンを明示した方がよい かもしれません。