0
一連のシンボルでポリラインを作成中、 一部のhtml "canvas"のように見えますが、 と地図上の間違った場所に表示されます。GoogleマップAPI v3 - シンボルが間違った場所に複製されたポリライン - Googleクロム
「google chrome」にバグが発生します。
スクリーンショットが添付されています。 また、js-fiddleへのリンクも添付されています。
link to js-fiddle - please view on google chrome
function initialize() {
var gm = google.maps,
mapOptions = {
zoom: 17,
center: new gm.LatLng(55.685336941597804, 21.11585641885563),
mapTypeId: gm.MapTypeId.ROADMAP
},
map = new gm.Map(document.getElementById('map_canvas'), mapOptions),
points = [
//new gm.LatLng(55.685025, 21.11899500000004),
new gm.LatLng(55.683228369431774, 21.11899500000004),
new gm.LatLng(55.68333671468528, 21.117905037957826),
new gm.LatLng(55.68364868408562, 21.116946525082994),
new gm.LatLng(55.68412665376389, 21.116235063478825),
new gm.LatLng(55.6847129783503, 21.11585646893286),
new gm.LatLng(55.685336941597804, 21.11585641885563),
new gm.LatLng(55.6859232843305, 21.116234936678893),
new gm.LatLng(55.685025, 21.11899500000004)
],
iconSequence = {
icon: {
path: gm.SymbolPath.FORWARD_CLOSED_ARROW
},
repeat: '12px',
},
line = new gm.Polyline({
map: map,
path: points,
icons: [iconSequence]
});
}
google.maps.event.addDomListener(window, 'load', initialize);
問題はGoogleの問題追跡ツールで以前から報告されています。https://issuetracker.google.com/issues/38211242 – xomena