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

サイト中にGoogleマップを埋め込み、ルート案内を表示させた際、Firefox,Chrome,IE9では問題なく表示されましたが、InternetExplorer8だとルートが表示されないという問題がありました。 <waypoints> でエラー: (無効な値: [object Object], (位置 1 にある要素でエラー: (プロパティ <location> でエラー: (プロパティ ‘location’ の値を取得できません: オブジェクトは Null または未定義です。))))  IEの開発者ツールというやつで、上記のJavascriptエラーメッセージが確認できます。 [sourcecode light=”2″ language=”text”] waypoints: [ { location: new google.maps.LatLng(35.xxxxxx, 139.yyyyyy) },{ location: new google.maps.LatLng(35.yyyyyy, 139.yyyyyy) } ] [/sourcecode] と、書いていればIE8でもOKなのですが、 [sourcecode light=”2″ language=”text”] waypoints: [ { location: new google.maps.LatLng(35.xxxxxx, 139.yyyyyy) },{ location: new google.maps.LatLng(35.yyyyyy, 139.yyyyyy) }, ] [/sourcecode] と、配列の最後に「,(カンマ)」があると、IE8では、配列の最後に空オブジェクトがあると認識してしまうようです。ちょっとハマったので同様の症状でお困りの方、確認してみると良いかもしれません。
カテゴリー:javascript