Google Map polylineとマーカーがずれる
すみません、かなりマニアックな話で、しかも解決しれみればかなり間抜けな話ですが(^_^;
Google Map上に、位置をマーカーの点で表示し、Polylineで線を引く、Javascriptで次のようにしていたとします。
(Google Map自体の表示などは割愛)
//マーカー
var image = new google.maps.MarkerImage('map_marker.gif',
new google.maps.Size(30, 30),
new google.maps.Point(0,0)
//マーカーを表示
for (var i = 0; i < locationArray.length; i++) {
markers=new google.maps.Marker({
position: locationArray[i].LatLng,
map: map,
icon:image,
shape: shape,
zIndex: 1
});
//2点間に線を引く
var driverPath = new google.maps.Polyline({
path: points,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
})
driverPath.setMap(map);
}
なぜかマーカーと線がずれるな~と思ったら、画像の大きさが本来10ピクセルなのに
new google.maps.Size(30, 30),
で縦横30ピクセルの画像、と指定していたのでずれていたようです。
