Google Map Theme Styling

Question

Я использую Styled Map Wizard, чтобы настроить JSON для стилей моей карты. Но наш клиент хотел бы, чтобы любой велосипед или прогулочная тропа были пунктирными линиями. Кажется, я не могу найти способ сделать трассы пунктирными линиями. Это возможно?

Answer 1

Да это:

Dashed lines

Вы можете достичь пунктирную эффекта линии, установив непрозрачность ломаной линии 0, и наложение непрозрачный символ на линии через регулярные промежутки времени.

Пример код

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

Надеется, что это помогает