small improvement

static/index.html

@@ -300,6 +300,6 @@
       </div>
     </div>
 
-    <script type="module" src="/js/main.js?v=13"></script>
+    <script type="module" src="/js/main.js?v=14"></script>
   </body>
 </html>

static/js/main.js

@@ -274,10 +274,10 @@ function renderVehicle(vehicle) {
               : 3000,
           icon: renderVehicleIcon(vehicle),
   }).bindPopup(vehiclePopupContent(vehicle)).on("popupopen", () => {
-    getTripShape(vehicle.shape_id).then(shape => {
     for (const layer of railLayer.getLayers()) {
       layer.setStyle({ opacity: 0.2 });
     }
+    getTripShape(vehicle.shape_id).then(shape => {
       L.polyline(shape, { color: `#${vehicle.route.color}`, zIndexOffset: 10 }).addTo(currentRouteLayer);
     })
   }).on("popupclose", () => {