Javascript выбор маршрута googlemaps - PullRequest
Новая
       43

Javascript выбор маршрута googlemaps

0 голосов
/ 28 апреля 2020

Я создаю интерактивную панель Google Maps с множеством маршрутов и маркеров. Я хочу иметь выпадающее меню, которое позволяет мне выбирать и показывать только определенные маршруты и маркеры на карте. Например, (1) Если я хочу, чтобы в раскрывающемся меню «Больницы, школы, парки, рестораны и т. Д.» Отображались только больничные маркеры, и т. Д. c. Ниже мои маркеры и как они реализованы. 

var markers = [
           {
            position: new google.maps.LatLng(12.913866, -14.157236),
            type: 'town',
            title: 'Diaoube, Senegal',
          }, {
            position: new google.maps.LatLng(14.908324, -12.455836),
            type: 'city',
            title: 'Bakel, Senegal',
          }
];

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

var routes = 
    [
        [
          {lat: 14.712732, lng: -17.468244}, // Senegal  
          {lat: 12.635797, lng: -8.001018},  // Bamako 
          {lat: 16.264002, lng: -0.035872}  // Gao  

        ], 
        [
          {lat: 9.630812,  lng: -13.590329}, // Guinea 
          {lat: 12.635797, lng: -8.001018},  // Bamako 
          {lat: 16.264002, lng: -0.035872},  // Gao   
        ],
  ];
for (var t=0; t < routes.length; t++)
    {
        var routte = routes[t];
        var flightPath = new google.maps.Polyline({
          path: routte,
          icons: [{
            icon: lineSymbol,
            offset: '100%'
          }],
          geodesic: true,
          strokeColor: '#006400',
          strokeOpacity: 1.0,
          strokeWeight: 2
        });

        flightPath.setMap(map);
    }

Большое спасибо!

...