Я хотел бы использовать карту на основе Google Map v3 с некоторыми пользовательскими полилиниями и сделать некоторые из этих строк пунктирными или пунктирными. Кажется, я не могу найти способ сделать это. Возможно ли, и если да, то как?
Укладка полилинии Google Maps v3 с тире или точками?
Ответ 1
Эта функция была добавлена к параметрам Полилинии и называется Символы на полилиниях
Создание пунктирной линии выглядит следующим образом ( 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
});
Длина штриховки контролируется символом path
+/- 1, а интервал - repeat
. Это немного подробный, но очень гибкий.
Помимо тире, новая функция включает в себя предопределенные пути для круга, стрелки и документы, включая анимационную демонстрацию:)
Ответ 2
Я написал подробное объяснение того, как это работает, в том числе множество примеров украшенных строк!
Я надеюсь, вам понравится https://blog.kopiascsaba.hu/2019/10/18/how-to-draw-fancy-lines-on-google-maps-using-the-js-api/