2016-06-17 9 views
0

Ich verwende Styled Map Wizard, um den JSON für die Stile meiner Map einzurichten. Aber unser Kunde möchte jeden Fahrrad- oder Fußweg als gepunktete Linie sehen. Ich finde keinen Weg, die Wege in gepunktete Linien zu bringen. Ist das möglich?Google Map Theme Styling

Antwort

1

Ja, es ist:

Dashed lines

Sie können, indem Sie die Deckkraft der Polylinie auf 0 und überlagert ein undurchsichtiges Symbol über die Linie in regelmäßigen Abständen eine gestrichelte Linie Effekt erzielen.

Beispielcode

// Define a symbol using SVG path notation, with an opacity of 1. 
var lineSymbol = { 
path: 'M 0,-1 0,1', 
strokeOpacity: 1, 
scale: 4 
}; 

// Create the polyline, passing the symbol in the 'icons' property. 
// Give the line an opacity of 0. 
// Repeat the symbol at intervals of 20 pixels to create the dashed effect. 
var line = new google.maps.Polyline({ 
path: [{lat: 22.291, lng: 153.027}, {lat: 18.291, lng: 153.027}], 
strokeOpacity: 0, 
icons: [{ 
icon: lineSymbol, 
offset: '0', 
repeat: '20px' 
}], 
map: map 
}); 

this helps