Stylizacja Polyline Google Maps v3 z myślnikami lub kropkami?

Question

Stylizacja Polyline Google Maps v3 z myślnikami lub kropkami?

Chciałbym zrobić mapę Google w wersji 3 z niestandardowymi poliliniami i zrobić kilka z tych linii kropkowanych lub przerywanych. Nie mogę znaleźć sposobu, żeby to zrobić. Czy to możliwe, a jeśli tak, to jak?

23

javascript styling api google-maps polyline

Author: David Pfeffer, 2011-05-23

Source

1 answers

score 58 · Accepted Answer

Ta funkcja została dodana do opcji Polyline i nazywa sięsymbole na polilinii

Tworzenie przerywanej linii wygląda następująco (demo):

var lineCoordinates = [
  new google.maps.LatLng(22.291, 153.027),
  new google.maps.LatLng(18.291, 153.027)
];

var lineSymbol = {
  path: 'M 0,-1 0,1',
  strokeOpacity: 1,
  scale: 4
};

var line = new google.maps.Polyline({
  path: lineCoordinates,
  strokeOpacity: 0,
  icons: [{
    icon: lineSymbol,
    offset: '0',
    repeat: '20px'
  }],
  map: map
});

Długość kreski jest kontrolowana przez path's +/-1, a odstępy są kontrolowane przez repeat. Jest trochę gadatliwy, ale bardzo elastyczny.

Poza myślnikami, nowa funkcja zawiera predefiniowane ścieżki dla okręgu, groty strzałek, a dokumenty zawierają nawet demo animacji:)