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

【info】有料サポート(ベータ)限定 承り中 /【JSサポート(仮称)】 

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

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

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

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

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いですが、何卒、ご了承ください ( _ _ b

2005年11月11日

【入門Ajax】Google Maps APIの測地系変更にともなうTips

『入門 Ajax』 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


4797332646.01.LZZZZZZZ.jpg
★ここで書いた平行移動は精度が低すぎますので、Tips2へどうぞ。

昨日書いたように、Google Maps APIの測地系が2005.12.1より、世界測地系(WGS84)へ変更になるわけですが、2005.11.30以前通りの日本測地系座標を使いたいときは、GPointクラスをソース内で使用する前に下記のように上書きすることでも修正可能です(もちろん、直接、座標値に下記の値を加減してもOKです)。

ただし、これは、2005.11.30以前現在、Googleが行っている、平行移動による単純な簡易修正を自力で付加するだけのことですので、現在のGoogle Maps同様に正確なものとはいえません。 厳密に修正する場合は、やはりちゃんとした計算が必要です。<でも、地理院&ゼンリンとの兼ね合いですから複雑かも、、、。
追記2005.11.14
Google-Maps-API-Japan で、jorさんに、平行移動処理は、歴史的経緯で、挿入されたと推測され、現在は使っていないのではないか?とのご指摘いただきました。GoogleMapsのmap.xx.jpソース内にある平行移動処理をみて勘違いしていました。調べてみたら、確かに、平行移動処理は、盲腸化しているようです。いずれにしても、下記の平行移動による修正では、離れ島などでは、誤差が生じることをお含みください。石垣島で600m、納沙布岬で100mほど誤差が生じます。

なお、2005.11現在、マップモードでは平行移動は使われていませんが、サテライトモードとデュアルモードでは平行移動処理になっています。、、、複雑。。。


現状のサンプル(東京タワーをマーカーが指していますが2005.12.1以降はだめでしょう)
http://jsgt.org/ajax/newmon/samples/chapter03/03-12/sample_old.htm

APIキーのURLに「&datum=wgs84」を追記して
世界測地系モードにしてみたサンプル(東京タワーのはずが、芝公園を指しています^^;;;)
http://jsgt.org/ajax/newmon/samples/chapter03/03-12/sample_w.htm

APIキーのURLに「&datum=wgs84」を追記して
かつ、下記のようにGpointクラスを修正したサンプル(2005.11.12現在、東京タワーを指しています12.1以降も大丈夫かな?と。)
http://jsgt.org/ajax/newmon/samples/chapter03/03-12/sample_w_test.htm

2005.11.30までは、APIキーのURIクエリに「&datum=wgs84」を追加することで、世界測地系(wgs84)で表示されます。2005.12.1以降は、このパラメータは無効となります。そこで、まず、
<script src="http://maps.google.com/maps?file=api&v=1&key=自分のキー&datum=wgs84" type="text/javascript"> </script>
として、世界測地系モードにしたうえで、下記のコードを追記します。
//2005.12.1以降も、 //2005.11.30以前の日本測地系座標を使いたいときは //GPointクラスを使用前に下記のように上書きします。 //世界測地系(wgs84)の座標を使うときは不要です GPoint = function (a,b){ if(b>30&&(b<50&&(a>115&&a<152))){ this.x=a-0.0032027777777777775; this.y=b+0.003236111111111111; } else { this.x=a ; this.y=b ; } } //GMapインスタンスを生成 var map = new GMap(document.getElementById("map")); //東京タワー座標設定 var lon = 139.748647213 ; //タワーの経度 var lat = 35.6554830135 ; //タワーの緯度 var tokyotwer = new GPoint(lon,lat); //東京タワーを中心にする map.centerAndZoom(tokyotwer , 1);

Google Maps API Class Reference (意訳とサンプル)
http://jsgt.org/ajax/newmon/GoogleMapsAPI.htm

入門Ajaxサポートページ
http://jsgt.org/ajax/