デコードしたポリラインの中心に Google マップを配置しようとしています。私は得る
Cannot call method 'getSouthWest' of undefined
以下のcalcBounds関数を呼び出すと。完全なコードは次のとおりです。
var map;
$(document).ready(function () {
var gmCenter = new google.maps.LatLng(33.7489, -84.3881);
var gmMapType = google.maps.MapTypeId.ROADMAP;
var mapOptions = { center: gmCenter, zoom: 8, mapTypeId: gmMapType };
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
displayOnMap();
});
function displayOnMap() {
var decodedPath = google.maps.geometry.encoding.decodePath('@Model.Polyline');
var pathOptions = { path: decodedPath, strokeColor: "#FF0000", strokeOpacity: 0.5, strokeWeight: 5 };
var trackPath = new google.maps.Polyline(pathOptions);
trackPath.setMap(map);
map.fitBounds(calcBounds(trackPath));
}
function calcBounds(trackPath) {
var b = new google.maps.LatLngBounds();
var gmPath = trackPath.getPath();
var pathLength = gmPath.getLength();
var i = [0, (pathLength / 3).toFixed(0), (pathLength / 3).toFixed(0) * 2];
b.extend(gmPath.getAt(i[0]));
b.extend(gmPath.getAt(i[1]));
b.extend(gmPath.getAt(i[2]));
}
どこかに初期化がありませんか?
ありがとう!