Установить пунктирные линии в полилинии с Typescript - PullRequest
Новая
       34

Установить пунктирные линии в полилинии с Typescript

0 голосов
/ 05 ноября 2019

У меня есть приложение на NativeScript / TypeScript, которое использует Google Maps API. Мне нужно сделать пунктирные линии, и у меня есть следующий код:

Я пытался адаптировать исходный код Google с: https://developers -dot-devsite-v2-prod.appspot.com /карты / документация / javascript / examples / overlay-symbol-dashed

Это мой код, где я создаю ломаную линию: 

setPolylinePath(path: string) {
this.mapView.removeAllShapes();
const line = new Polyline();
const points = polyline.decode(path).map(cordinates => {
  return Position.positionFromLatLng(cordinates[0], cordinates[1]);
});
line.addPoints(points);
line.color = new Color(TRANSIT_LINE_HEX_COLOR);
this.mapView.addPolyline(line);
}

setPolylines(paths: Array<PolylineStretch>) {
const fullLinePoints = [];
paths.forEach(path => {
  const line = new Polyline();
  const points = polyline.decode(path.polyline).map((cordinates) => {
    return Position.positionFromLatLng(cordinates[0], cordinates[1]);
  });
  fullLinePoints.push(...points);
  line.addPoints(points);
  const hexColor = path.type === 'TRANSIT' ? TRANSIT_LINE_HEX_COLOR : WALKING_LINE_HEX_COLOR;
  line.color = new Color(hexColor);
  // * Neuco - Mudança da espessura da linha de orientação do usuário * //
  line.width = 7;
  this.mapView.addPolyline(line);
  line.clickable = true;
});
const fullLine = new Polyline();
fullLine.addPoints(fullLinePoints);
setTimeout(() => {
  this.setCameraToSeeFullPath(fullLine);
}, 300);
 }

Мне нужны пунктирные линии (точки),не сплошные линии.

...