Style D'une polyligne Google Maps v3 avec des tirets ou des Points?

Je voudrais prendre une carte basée sur Google Map V3 avec des polylignes personnalisées, et faire certaines de ces lignes en pointillés ou en pointillés. Je n'arrive pas à trouver quelque moyen de le faire. Est-ce possible, et si oui, comment?

23
demandé sur David Pfeffer 2011-05-23 18:56:17

1 réponses

Cette fonctionnalité a été ajoutée aux options polyligne, et elle s'appelle symboles sur polylignes

Création d'une ligne en pointillés ressemble à ceci (démo):

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
});

La longueur du tiret est contrôlée par path ' s + / -1, et l'espacement est contrôlé par repeat. C'est un peu verbeux, mais très souple.

Outre les tirets, la nouvelle fonctionnalité inclut des chemins prédéfinis pour un cercle, des pointes de flèches, et les documents incluent même une démo d'animation:)

58
répondu Tina CG Hoehr 2014-11-19 04:01:50