IT Rescue IT関連Tips情報

サイト中にGoogleMapsを埋め込み、waypointsの指定をするとIE8でルートが表示されない場合

2012年10月4日javascript

サイト中にGoogleマップを埋め込み、ルート案内を表示させた際、Firefox,Chrome,IE9では問題なく表示されましたが、InternetExplorer8だとルートが表示されないという問題がありました。

<waypoints> でエラー: (無効な値: [object Object], (位置 1 にある要素でエラー: (プロパティ <location> でエラー: (プロパティ ‘location’ の値を取得できません: オブジェクトは Null または未定義です。)))) 

IEの開発者ツールというやつで、上記のJavascriptエラーメッセージが確認できます。

waypoints: [
        {
          location: new google.maps.LatLng(35.xxxxxx, 139.yyyyyy)
        },{
          location: new google.maps.LatLng(35.yyyyyy, 139.yyyyyy)
        }
       ]

と、書いていればIE8でもOKなのですが、

waypoints: [
        {
          location: new google.maps.LatLng(35.xxxxxx, 139.yyyyyy)
        },{
          location: new google.maps.LatLng(35.yyyyyy, 139.yyyyyy)
        },
       ]

と、配列の最後に「,(カンマ)」があると、IE8では、配列の最後に空オブジェクトがあると認識してしまうようです。ちょっとハマったので同様の症状でお困りの方、確認してみると良いかもしれません。


コメントをどうぞ

免責事項

著作権者の文書による承諾を得ずに、本サイトの内容の一部、全部を無断で複写、複製、転載することは、禁じられています。
また、当ウェブサイト に記載された情報の完全性・正確性に対して一切の保証を与えるものではありません。当ウェブサイトに含まれる情報もしくは内容を利用することで直接・間接的に生じた損失に関し一切責任を負わないものとします。