Ritprijs berekenen<\/title>\n <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCS7jP0shIguxWJ0AlyROeJVKPbQlggPkM&libraries=places\"><\/script>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select, button {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n }\n #result {\n margin-top: 20px;\n font-weight: bold;\n }\n .whatsapp-button {\n margin-top: 20px;\n padding: 10px;\n background-color: #25D366;\n color: white;\n border: none;\n cursor: pointer;\n font-size: 16px;\n text-align: center;\n }\n .whatsapp-button:hover {\n background-color: #128C7E;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Ritprijs berekenen<\/h1>\n <form id=\"taxiForm\">\n <div class=\"form-group\">\n <label for=\"start\">Ophaallocatie:<\/label>\n <input type=\"text\" id=\"start\" placeholder=\"Voorbeeld: Lindeboomsweg 1, Schalkhaar\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"end\">Afleverlocatie:<\/label>\n <input type=\"text\" id=\"end\" placeholder=\"Voorbeeld: Brink 10, Bathmen\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"vehicle\">Voertuig:<\/label>\n <select id=\"vehicle\" required>\n <option value=\"car\">Personenauto (tot 4 personen)<\/option>\n <option value=\"bus\">Bus (tot 7 personen)<\/option>\n <\/select>\n <\/div>\n <button type=\"button\" onclick=\"calculatePrice()\">Bereken Prijs<\/button>\n <\/form>\n <div id=\"result\"><\/div>\n\n <script>\n function calculatePrice() {\n const start = document.getElementById('start').value;\n const end = document.getElementById('end').value;\n const vehicle = document.getElementById('vehicle').value;\n\n if (!start || !end || !vehicle) {\n alert('Vul alle verplichte velden in.');\n return;\n }\n\n const service = new google.maps.DistanceMatrixService();\n service.getDistanceMatrix(\n {\n origins: [start],\n destinations: [end],\n travelMode: 'DRIVING',\n },\n function (response, status) {\n if (status === 'OK') {\n const distance = response.rows[0].elements[0].distance.value \/ 1000; \/\/ in kilometers\n const duration = response.rows[0].elements[0].duration.value \/ 60; \/\/ in minuten\n\n let startPrice = vehicle === 'car' ? 4.15 : 8.44;\n let pricePerKm = vehicle === 'car' ? 3.05 : 3.85;\n let pricePerMin = vehicle === 'car' ? 0.50 : 0.57;\n\n const totalPrice = startPrice + (pricePerKm * distance) + (pricePerMin * duration);\n\n \/\/ Toon de resultaten\n document.getElementById('result').innerText = `\n Afstand: ${distance.toFixed(2)} km\n Reistijd: ${duration.toFixed(2)} minuten\n Indicatieprijs: \u20ac${totalPrice.toFixed(2)}\n `;\n\n \/\/ WhatsApp knop voor reservering\n const whatsappUrl = `https:\/\/wa.me\/31570616161?text=Hallo,%20ik%20wil%20een%20taxirit%20reserveren.%20Details:%20Ophaallocatie:%20${start},%20Afleverlocatie:%20${end},%20Voertuig:%20${vehicle},%20Afstand:%20${distance.toFixed(2)}%20km,%20Prijs:%20\u20ac${totalPrice.toFixed(2)}`;\n const whatsappButton = document.createElement('button');\n whatsappButton.classList.add('whatsapp-button');\n whatsappButton.innerText = 'Stuur aanvraag via WhatsApp';\n whatsappButton.onclick = function () {\n window.open(whatsappUrl, '_blank');\n };\n document.getElementById('result').appendChild(whatsappButton); \/\/ Button onder de berekening\n } else {\n alert('Er is een fout opgetreden bij het ophalen van gegevens.');\n }\n }\n );\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ritprijs berekenen Ritprijs berekenen Ophaallocatie: Afleverlocatie: Voertuig: Personenauto (tot 4 personen)Bus (tot 7 personen) Bereken Prijs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":28,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/637"}],"wp:attachment":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":23,"date":"2024-11-20T02:34:41","date_gmt":"2024-11-20T02:34:41","guid":{"rendered":"https:\/\/citytaxideventer.nl\/?page_id=23"},"modified":"2025-01-16T21:29:50","modified_gmt":"2025-01-16T21:29:50","slug":"ritprijs-berekenen","status":"publish","type":"page","link":"https:\/\/citytaxideventer.nl\/?page_id=23","title":{"rendered":"Ritprijs berekenen"},"content":{"rendered":"\n\n\n\n \n \n Ritprijs berekenen<\/title>\n <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCS7jP0shIguxWJ0AlyROeJVKPbQlggPkM&libraries=places\"><\/script>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select, button {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n }\n #result {\n margin-top: 20px;\n font-weight: bold;\n }\n .whatsapp-button {\n margin-top: 20px;\n padding: 10px;\n background-color: #25D366;\n color: white;\n border: none;\n cursor: pointer;\n font-size: 16px;\n text-align: center;\n }\n .whatsapp-button:hover {\n background-color: #128C7E;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Ritprijs berekenen<\/h1>\n <form id=\"taxiForm\">\n <div class=\"form-group\">\n <label for=\"start\">Ophaallocatie:<\/label>\n <input type=\"text\" id=\"start\" placeholder=\"Voorbeeld: Lindeboomsweg 1, Schalkhaar\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"end\">Afleverlocatie:<\/label>\n <input type=\"text\" id=\"end\" placeholder=\"Voorbeeld: Brink 10, Bathmen\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"vehicle\">Voertuig:<\/label>\n <select id=\"vehicle\" required>\n <option value=\"car\">Personenauto (tot 4 personen)<\/option>\n <option value=\"bus\">Bus (tot 7 personen)<\/option>\n <\/select>\n <\/div>\n <button type=\"button\" onclick=\"calculatePrice()\">Bereken Prijs<\/button>\n <\/form>\n <div id=\"result\"><\/div>\n\n <script>\n function calculatePrice() {\n const start = document.getElementById('start').value;\n const end = document.getElementById('end').value;\n const vehicle = document.getElementById('vehicle').value;\n\n if (!start || !end || !vehicle) {\n alert('Vul alle verplichte velden in.');\n return;\n }\n\n const service = new google.maps.DistanceMatrixService();\n service.getDistanceMatrix(\n {\n origins: [start],\n destinations: [end],\n travelMode: 'DRIVING',\n },\n function (response, status) {\n if (status === 'OK') {\n const distance = response.rows[0].elements[0].distance.value \/ 1000; \/\/ in kilometers\n const duration = response.rows[0].elements[0].duration.value \/ 60; \/\/ in minuten\n\n let startPrice = vehicle === 'car' ? 4.15 : 8.44;\n let pricePerKm = vehicle === 'car' ? 3.05 : 3.85;\n let pricePerMin = vehicle === 'car' ? 0.50 : 0.57;\n\n const totalPrice = startPrice + (pricePerKm * distance) + (pricePerMin * duration);\n\n \/\/ Toon de resultaten\n document.getElementById('result').innerText = `\n Afstand: ${distance.toFixed(2)} km\n Reistijd: ${duration.toFixed(2)} minuten\n Indicatieprijs: \u20ac${totalPrice.toFixed(2)}\n `;\n\n \/\/ WhatsApp knop voor reservering\n const whatsappUrl = `https:\/\/wa.me\/31570616161?text=Hallo,%20ik%20wil%20een%20taxirit%20reserveren.%20Details:%20Ophaallocatie:%20${start},%20Afleverlocatie:%20${end},%20Voertuig:%20${vehicle},%20Afstand:%20${distance.toFixed(2)}%20km,%20Prijs:%20\u20ac${totalPrice.toFixed(2)}`;\n const whatsappButton = document.createElement('button');\n whatsappButton.classList.add('whatsapp-button');\n whatsappButton.innerText = 'Stuur aanvraag via WhatsApp';\n whatsappButton.onclick = function () {\n window.open(whatsappUrl, '_blank');\n };\n document.getElementById('result').appendChild(whatsappButton); \/\/ Button onder de berekening\n } else {\n alert('Er is een fout opgetreden bij het ophalen van gegevens.');\n }\n }\n );\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ritprijs berekenen Ritprijs berekenen Ophaallocatie: Afleverlocatie: Voertuig: Personenauto (tot 4 personen)Bus (tot 7 personen) Bereken Prijs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":28,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/637"}],"wp:attachment":[{"href":"https:\/\/citytaxideventer.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}