サイト中に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では、配列の最後に空オブジェクトがあると認識してしまうようです。ちょっとハマったので同様の症状でお困りの方、確認してみると良いかもしれません。
カテゴリー:技術情報メモ