Закрытые и открытые стрелки на Google Maps выглядят одинаково, javascript API - PullRequest
Новая
       278

Закрытые и открытые стрелки на Google Maps выглядят одинаково, javascript API

0 голосов
/ 07 августа 2020

Я пытаюсь добавить так называемые «круг», «закрытую стрелку» и «открытую стрелку» вместо ломаной линии на свои карты Google (я использую javascript API карт Google).

Круги работают нормально, но, к сожалению, стрелки не похожи на пример в Google API, а в моем приложении они выглядят одинаково.

Не знаю почему ...

Вот мой code 

var lineSymbolArrow = {
    path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
    fillOpacity: 1,
    scale: 2
};

if (index > 4 && index <= 6) return {
  stops: tour.stops.map((stop) => stop.location),
  stopMarkers: stopMarkers,
  finalisationMarkers: finalisationMarkers,
  color: colors[index],
  name: `Tour #${index + 1}`,
  isRendered: false,
  isShown: false,
  renderer: new google.maps.DirectionsRenderer({
    polylineOptions: {
      strokeColor: colors[index],
      strokeOpacity: 0,
      fillOpacity: 0,
      icons: [{
          icon: lineSymbolArrow,
          offset: '0',
          repeat: '20px'
      }],
    },
    preserveViewport: true,
    suppressInfoWindows: true,
    suppressMarkers: true,
  }),
};

var lineSymbolClosedArrow = {
    path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
    fillOpacity: 1,
    scale: 2
};

if (index > 6 && index <= 40) return {
  stops: tour.stops.map((stop) => stop.location),
  stopMarkers: stopMarkers,
  finalisationMarkers: finalisationMarkers,
  color: colors[index],
  name: `Tour #${index + 1}`,
  isRendered: false,
  isShown: false,
  renderer: new google.maps.DirectionsRenderer({
    polylineOptions: {
      strokeColor: colors[index],
      strokeOpacity: 0,
      fillOpacity: 0,
      icons: [{
          icon: lineSymbolClosedArrow,
          offset: '0',
          repeat: '20px'
      }],
    },
    preserveViewport: true,
    suppressInfoWindows: true,
    suppressMarkers: true,
  }),
};

Как выглядят стрелки Как должны выглядеть стрелки

...