Cubbles: Webcomponents on steroids...

Big Picture

This is the basic result table element

[ {"rentalObject": {"uid": "1", "name": "Opel Astra Kombi", "description": "1.0 Benzin 77KW NAVI"}, "distance": 154.34}, {"rentalObject": {"uid": "2", "name": "Ford Mondeo Kombi", "description": "2,0 Diesel 110kW NAVI Automatik festes Trenngitter"}, "distance": 254.34}, {"rentalObject": {"uid": "3", "name": "Ford Fiesta", "description": "1.0 Benzin 74kW NAVI"}, "distance": 170.73}, {"rentalObject": {"uid": "4", "name": "Opel Corsa", "description": "1,4 Benzin 66kW NAVI"}, "distance": 229.34}, {"rentalObject": {"uid": "5", "name": "Ford Transit Custom 9-Sitzer", "description": "2,0 Diesel 77kW langer Radstand"}, "distance": 90.34} ]

This is the basic car details element

{"rentalObject": {"uid": "2", "name": "Ford Mondeo Kombi", "description": "2,0 Diesel 110kW NAVI Automatik festes Trenngitter"}, "distance": 254.34, "mapUrl": "https://maps.openrouteservice.org/directions?n1=52.523430&n2=13.411440&n3=14&a=52.523430,13.411440,52.525611671,13.401126266&b=2&c=0&g1=-1&g2=0&k1=de-DE&k2=km"}

This is the basic search input element