Я использую нотацию SVG-пути для создания маркеров вместе с полилинией, используя API Карт Google v3. Иногда, добавляя несколько маркеров, они просто перестают показывать с карты. Если я панорамирую карту, даже просто 1px, они снова отображаются.
Маркеры SVG перестают отображаться после добавления нескольких
Маркеры SVG снова отображаются после панорамирования
Это происходит в браузерах FF, Safari, Chrome и iPhone.
Вот мой код для полилинии:
var lineSymbol = {
path: g.SymbolPath.FORWARD_OPEN_ARROW,
scale:1.5
};
polyOptions = {
strokeColor: '#0026b3',
strokeOpacity: 1.0,
strokeWeight: 1,
geodesic: true,
icons: [{
icon: lineSymbol,
repeat: '100px'
}],
zIndex: 10
};
polyLine = new g.Polyline(polyOptions);
polyLine.setMap(map);
И код для маркера SVG:
var path = polyLine.getPath();
path.push(event.latLng);
var icon = {
path: "M68.501,23.781 43.752,48.529 66.918,71.695 66.918,120.362 70.085,120.362 70.085,71.694 93.249,48.529",
fillColor: iconColor,
fillOpacity: .8,
anchor: new g.Point(70.085, 120.362),
strokeWeight: 0,
scale:.4
};
var marker = new g.Marker({
position: event.latLng,
map: map,
draggable: false,
icon: icon,
title: title,
zIndex : -20
});
Любая идея, почему мои маркеры просто исчезают, когда они на самом деле находятся на карте? Спасибо заранее.
Вот скрипка, в которой вы можете воспроизвести проблему: http://jsfiddle.net/upsidown/gNQRB/
Вот видео YT, чтобы проиллюстрировать проблему: https://www.youtube.com/watch?v=uGAiwAuasmU
Edit:
В Google был создан отчет об ошибке : http://code.google.com/p/gmaps-api-issues/issues/detail?id=5351