[ionic]iOS9でGoogleMapのマーカーが反応しなくなるバグの対応

ionicを利用したwebアプリ内で、Google Mapのマーカが反応しなくなるバグが発生し、バグ対応ではまったのでメモ。

現象

iOS9でionicを利用したアプリ(webも含む)上のGoogle Mapを開き、マップ上のマーカーをタップすると、最初のタップではポップオーバー(情報ウィンドウ)が表示されるが、数回タップすると、マーカーが反応しなくなる。

利用したgoogle mapのライブラリ
https://github.com/angular-ui/angular-google-maps

原因

iOS9の場合のみ、ionic.jsのファンクション"isElementTapDisabled()"でエラーが発生する。
何かしらの原因でisElementTapDisabled内のwhileのループでstuckしてしまう。

解決方法

ionic.jsを以下のように修正する。

ionic.js

isElementTapDisabled: function(ele) {

    if (ele && ele.nodeType === 1) {
      var element = ele;
      /* ここから追加 */
      if ($(element).parents('[data-tap-disabled]').length) {
        return true;    
      }
      /* ここまで */
      /*
      while (element) {
        if ((element.dataset ? element.dataset.tapDisabled : element.getAttribute('data-tap-disabled')) == 'true') {

          return true;
        }
        element = element.parentElement;
      }*/
    }
    return false;

},

参考
https://github.com/driftyco/ionic/issues/4506