Piloto carpooling Tripmex<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>
Selecciona tu rol\n—Please choose an option—<\/option>Conductor<\/option>Pasajero<\/option>Ambos<\/option><\/select><\/span><\/label>\n<\/p>\n<\/textarea><\/span>\n<\/p>\n<p><label>PUNTO DE INTER\u00c9S (Un lugar cercano a tu domicilio o punto de partida hacia la oficina)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"Direccion\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"autocomplete\" aria-required=\"true\" aria-invalid=\"false\" name=\"Direccion\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<div id=\"map\" style=\"width: 100%; height: 400px; background-color: #f0f0f0;\">\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner sendForm\" id=\"btnSend\" type=\"submit\" value=\"Enviar\" \/>\n<\/p>\n<p><script>\nwindow.initMap = function() {\n const inputAddress = document.getElementById('autocomplete');\n const inputCoord = document.getElementById('coord');\n const defaultLatLng = { lat: 19.432608, lng: -99.133208 }; \/\/ Coordenadas de respaldo (CDMX\/Zona Central)\n\n function renderMap(coords) {\n const mapElement = document.getElementById('map');\n if (!mapElement) return;\n\n const mapa = new google.maps.Map(mapElement, {\n center: coords,\n zoom: 15\n });\n\n const marcador = new google.maps.Marker({\n position: coords,\n map: mapa,\n draggable: true,\n title: \"Punto de Inter\u00e9s\"\n });\n\n const geocoder = new google.maps.Geocoder();\n const infowindow = new google.maps.InfoWindow();\n\n \/\/ Actualizar coordenadas e infowindow cuando se arrastra el marcador\n marcador.addListener('dragend', function(e) {\n const lat = e.latLng.lat();\n const lng = e.latLng.lng();\n actualizarCoordenadasYDireccion({ lat, lng }, geocoder, mapa, infowindow, marcador);\n });\n\n \/\/ Click en el mapa para reposicionar marcador\n mapa.addListener('click', function(event) {\n const latlng = {\n lat: event.latLng.lat(),\n lng: event.latLng.lng()\n };\n actualizarCoordenadasYDireccion(latlng, geocoder, mapa, infowindow, marcador);\n });\n\n function actualizarCoordenadasYDireccion(latlng, geocoder, map, infowindow, marcador) {\n marcador.setPosition(latlng);\n if (inputCoord) {\n inputCoord.value = latlng.lat + \", \" + latlng.lng;\n }\n\n geocoder.geocode({ location: latlng })\n .then((response) => {\n if (response.results[0]) {\n if (inputAddress) {\n inputAddress.value = response.results[0].formatted_address;\n }\n infowindow.setContent(response.results[0].formatted_address);\n infowindow.open(map, marcador);\n }\n })\n .catch(() => {\n infowindow.setContent(\"Coordenadas: \" + latlng.lat + \", \" + latlng.lng);\n infowindow.open(map, marcador);\n });\n }\n\n \/\/ Autocompletado desde la barra de b\u00fasqueda\n if (inputAddress) {\n const search = new google.maps.places.Autocomplete(inputAddress);\n search.bindTo(\"bounds\", mapa);\n\n search.addListener('place_changed', function() {\n infowindow.close();\n marcador.setVisible(false);\n const place = search.getPlace();\n\n if (!place.geometry || !place.geometry.location) {\n alert(\"No se encontraron detalles para la ubicaci\u00f3n seleccionada.\");\n return;\n }\n\n if (place.geometry.viewport) {\n mapa.fitBounds(place.geometry.viewport);\n } else {\n mapa.setCenter(place.geometry.location);\n mapa.setZoom(17);\n }\n\n marcador.setPosition(place.geometry.location);\n marcador.setVisible(true);\n\n const lat = place.geometry.location.lat();\n const lng = place.geometry.location.lng();\n if (inputCoord) {\n inputCoord.value = lat + \", \" + lng;\n }\n\n infowindow.setContent(place.formatted_address || place.name);\n infowindow.open(mapa, marcador);\n });\n }\n }\n\n \/\/ Geolocation con fallback a ubicaci\u00f3n por defecto\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n renderMap({ lat: position.coords.latitude, lng: position.coords.longitude });\n },\n () => { renderMap(defaultLatLng); },\n { timeout: 5000 }\n );\n } else {\n renderMap(defaultLatLng);\n }\n};\n\n\/\/ Confirmaci\u00f3n antes del env\u00edo compatible con Contact Form 7\ndocument.addEventListener('wpcf7beforesubmit', function(event) {\n const direccion = document.getElementById(\"autocomplete\") ? document.getElementById(\"autocomplete\").value : \"\";\n if (direccion) {\n const respuesta = confirm(\"\u00bfTu punto de inter\u00e9s es?: \" + direccion);\n if (!respuesta) {\n event.preventDefault();\n }\n }\n}, false);\n<\/script>\n<\/p>\n<p><script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyD1Ud00kEmvSWGNh5JYmPKQX_2QQhiOmj4&libraries=places&callback=initMap\"><\/script>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"142\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Piloto carpooling Tripmex<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":4,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/textarea><\/span>\n<\/p>\n<p><label>PUNTO DE INTER\u00c9S (Un lugar cercano a tu domicilio o punto de partida hacia la oficina)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"Direccion\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"autocomplete\" aria-required=\"true\" aria-invalid=\"false\" name=\"Direccion\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<div id=\"map\" style=\"width: 100%; height: 400px; background-color: #f0f0f0;\">\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner sendForm\" id=\"btnSend\" type=\"submit\" value=\"Enviar\" \/>\n<\/p>\n<p><script>\nwindow.initMap = function() {\n const inputAddress = document.getElementById('autocomplete');\n const inputCoord = document.getElementById('coord');\n const defaultLatLng = { lat: 19.432608, lng: -99.133208 }; \/\/ Coordenadas de respaldo (CDMX\/Zona Central)\n\n function renderMap(coords) {\n const mapElement = document.getElementById('map');\n if (!mapElement) return;\n\n const mapa = new google.maps.Map(mapElement, {\n center: coords,\n zoom: 15\n });\n\n const marcador = new google.maps.Marker({\n position: coords,\n map: mapa,\n draggable: true,\n title: \"Punto de Inter\u00e9s\"\n });\n\n const geocoder = new google.maps.Geocoder();\n const infowindow = new google.maps.InfoWindow();\n\n \/\/ Actualizar coordenadas e infowindow cuando se arrastra el marcador\n marcador.addListener('dragend', function(e) {\n const lat = e.latLng.lat();\n const lng = e.latLng.lng();\n actualizarCoordenadasYDireccion({ lat, lng }, geocoder, mapa, infowindow, marcador);\n });\n\n \/\/ Click en el mapa para reposicionar marcador\n mapa.addListener('click', function(event) {\n const latlng = {\n lat: event.latLng.lat(),\n lng: event.latLng.lng()\n };\n actualizarCoordenadasYDireccion(latlng, geocoder, mapa, infowindow, marcador);\n });\n\n function actualizarCoordenadasYDireccion(latlng, geocoder, map, infowindow, marcador) {\n marcador.setPosition(latlng);\n if (inputCoord) {\n inputCoord.value = latlng.lat + \", \" + latlng.lng;\n }\n\n geocoder.geocode({ location: latlng })\n .then((response) => {\n if (response.results[0]) {\n if (inputAddress) {\n inputAddress.value = response.results[0].formatted_address;\n }\n infowindow.setContent(response.results[0].formatted_address);\n infowindow.open(map, marcador);\n }\n })\n .catch(() => {\n infowindow.setContent(\"Coordenadas: \" + latlng.lat + \", \" + latlng.lng);\n infowindow.open(map, marcador);\n });\n }\n\n \/\/ Autocompletado desde la barra de b\u00fasqueda\n if (inputAddress) {\n const search = new google.maps.places.Autocomplete(inputAddress);\n search.bindTo(\"bounds\", mapa);\n\n search.addListener('place_changed', function() {\n infowindow.close();\n marcador.setVisible(false);\n const place = search.getPlace();\n\n if (!place.geometry || !place.geometry.location) {\n alert(\"No se encontraron detalles para la ubicaci\u00f3n seleccionada.\");\n return;\n }\n\n if (place.geometry.viewport) {\n mapa.fitBounds(place.geometry.viewport);\n } else {\n mapa.setCenter(place.geometry.location);\n mapa.setZoom(17);\n }\n\n marcador.setPosition(place.geometry.location);\n marcador.setVisible(true);\n\n const lat = place.geometry.location.lat();\n const lng = place.geometry.location.lng();\n if (inputCoord) {\n inputCoord.value = lat + \", \" + lng;\n }\n\n infowindow.setContent(place.formatted_address || place.name);\n infowindow.open(mapa, marcador);\n });\n }\n }\n\n \/\/ Geolocation con fallback a ubicaci\u00f3n por defecto\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n renderMap({ lat: position.coords.latitude, lng: position.coords.longitude });\n },\n () => { renderMap(defaultLatLng); },\n { timeout: 5000 }\n );\n } else {\n renderMap(defaultLatLng);\n }\n};\n\n\/\/ Confirmaci\u00f3n antes del env\u00edo compatible con Contact Form 7\ndocument.addEventListener('wpcf7beforesubmit', function(event) {\n const direccion = document.getElementById(\"autocomplete\") ? document.getElementById(\"autocomplete\").value : \"\";\n if (direccion) {\n const respuesta = confirm(\"\u00bfTu punto de inter\u00e9s es?: \" + direccion);\n if (!respuesta) {\n event.preventDefault();\n }\n }\n}, false);\n<\/script>\n<\/p>\n<p><script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyD1Ud00kEmvSWGNh5JYmPKQX_2QQhiOmj4&libraries=places&callback=initMap\"><\/script>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"142\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Piloto carpooling Tripmex<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":4,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/optimizadorderutas.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}