中学受験専門　理科総合研究所　−理総研−

サイト構築中にChromeでGoogle Map API V3を動かしていて、ふとJavascriptコンソールを見たら、

PPB_Graphics2D.PaintImageData: Rectangle is outside bounds.

というエラーを発見。だからと言ってGoogle Mapが利用できていないかというとそんなコトもなく、動作自体はこっちの意図通り。結論から言えば、モノによってはこのエラーのせいで動かないプログラムも出てきそう。

直訳すれば「領域が範囲外」なこのエラー表示を「何でやろな〜」と眺めているとにわかにエラー数がカウントアップしていくという...初めて見る現象に、どこぞのスーパーサイヤ人の如くオラわくわくしてきたぞ、となって色々調べました。

国内には報告がなかったので海外のサイトを漁っていると、キーワードとして出てきたのがFLASHでした。あとこの現象はChromeがver.22になってからだとか。あぁ、またか...。たぶんver.21からでも起こってたんでしょうね。

解決方法は本家Googleにもどこにも見当たらなかった（っていうほど本気で調べてませんが）ので、既視感を覚えつつ、例のあの操作をすると解決しました。

今回のこの「PPB_Graphics2D.PaintImageData: Rectangle is outside bounds.」は、Google MapとFLASHが混在するページにおいて、そのオブジェクト描画に何らかの競合が発生して起こります。それを証拠にFLASHをオフにすればエラー表示が無くなります。そこで「この現象がChromeでしか起こらない」という報告から考えるに、やはり原因は、

これだ、1、2、3 → 「 PPAPI 」　またお前か。

Chrome ver.21から導入されたFLASHの拡張プラグインアーキテクチャであるPPAPI、これが有効になっている場合に今回のエラーが出ます。無効にする操作方法は過去の記事「［解決］ Shockwave Flash has crashed.」をご覧下さい。

とにかくPPAPIが安定するまでは、PPAPI単独とかPPAPIと従来のNPAPIの混在とかではなく、NPAPI単独でFLASHを動かしておいた方が安定感が強いです。