Javascript Girl
  1. Javascript Girl
  3. Le style d'une polyligne Google Maps v3 avec des pointillés ou des points?
Intereting Posts
JWPlayer ne charge pas une vidéo Comment utiliser onClick () ou onSelect () sur la balise d'option dans une page JSP? Les événements de clic ne fonctionnent pas sur Chrome, mais les événements se déclenchent lorsque nous l'exécutons manuellement à partir de la console Websocket – le client ne reçoit pas de données Comment puis-je obtenir une applet Java signée pour effectuer des opérations privilégiées lorsqu'elles sont appelées à partir de Javascript non signé? Existe-t-il une analogique d'une ligne dans ES6 pour ES5 `module.exports = require ('./ inner.js')`? Passer une variable javascript dans un contrôleur de rails Toile réactive HTML5: le redimensionnement du dessin de la toile du navigateur disparaît Les meilleures pratiques Javascript OOP? Ordre d'initialisation et d'évaluation des objets Javascript Pourquoi le feu addEventListener avant l'événement si? Mise à jour des valeurs de requêtes d'URL existantes avec jQuery L'heure de fin d'événement de Fullcalendar est absente Piping concatené Gulp stream file.contents to server (connect, express ou http) réponse Les littéralités sont-elles ou non?

Le style d'une polyligne Google Maps v3 avec des pointillés ou des points?

Je voudrais prendre une carte Google Map v3 avec des polylignes personnalisées, et faire certaines de ces lignes pointillées ou pointillées. Je ne peux pas trouver un moyen de le faire. Est-il possible, et si oui, comment?

Cette fonctionnalité a été ajoutée aux options Polyline, et elle s'appelle Symbols on Polylines

La création d'une ligne pointillée 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 trait est contrôlée par le path +/- 1, et l'espacement est contrôlé par la repeat . C'est un peu détaillé, mais très flexible.

Outre les tirets, la nouvelle fonctionnalité comprend des trajets prédéfinis pour un cercle, des pointes de flèche et les docs incluent même une démonstration d'animation 🙂