Documentación

Cambio de diseño

Usa el código de configuración html para personalizar rápidamente el diseño del.

Puedes enlazar tu CSS usando el data-css atributo para gestionar cada aspecto del diseño.

<a class="rp-widget-link" ... data-css="https://example.com/style.css" ... >...</a>
...

La familia de la fuente y el tamaño de la fuente en el widget se ajustan automáticamente al estilo de tu sitio. La fuente del hipervínculo con atribución se usa como fuente de muestra. Para deshabilitar la personalización automática de fuente, añade el data-disable-font-auto-tuning atributo o enlace a tu CSS.

<a class="rp-widget-link" ... data-disable-font-auto-tuning ... >...</a>
...

Calculo de precio por formula

Para cualquier tura, puedes calcular el precio con tu formula. Puedes nombrar este precio como desees, por ejemplo "Costo de flete", "Costo de entrega" o "Gastos de viaje". Mira a estos ejemplos.

Para permitir mostrar el precio calculado por tu formula, añade el data-show-result-customized-cost atributo. Especifica la fórmula de cálculo en el data-customized-cost-formula atributo y nombre en data-customized-cost-label.

Al componer una formula, puedes usar las siguientes variables:

También puedes usar las funciones matemáticas: min, max.

<a class="rp-widget-link" ... data-show-result-customized-cost data-customized-cost-formula="max(150, FuelCost * 4 + 100)" data-customized-cost-label="Costo de Flete" ... >...</a>
...

Las unidades de medida para todas las variables son determinadas por los valores de data-measure y data-currency los atributos.

Unidades

Hay 3 sistemas de medición disponibles:

<a class="rp-widget-link" ... data-measure="metric" ... >...</a>
...

Moneda

Se manejan las siguientes monedas:

<a class="rp-widget-link" ... data-currency="ARS" ... >...</a>
...

Puntos de ruta

La data-default-from y los data-default-to atributos especifican los valores por defecto para los campos "Desde" y "Hacia". Mira cómo funciona con él data-default-to atributo en este ejemplo.

<a class="rp-widget-link" ... data-default-to="Cuautepec (Guerrero)" ... >...</a>
...

Para añadir el "Puntos intermedios" campo, y él data-show-via atributo. El valor por defecto para este campo puede ser establecido usando el data-default-via atributo.

<a class="rp-widget-link" ... data-show-via data-default-via="Barrio Alto (Chihuahua); Cuautepec (Guerrero)" ... >...</a>
...

Calculador de combustible

Para los campos de calculador de combustible, añade el data-show-fuel-calc atributo.

La data-default-fuel-consumption y los data-default-fuel-price atributos especifican los valores por defecto para los campos "Consumo de combustible" y "Precio del combustible".

Si no se dan valores por defecto, entonces "Consumo de combustible" es considerado igual a 8 L/100 km, y "Precio del combustible" es considerado como el precio de la gasolina.

<a class="rp-widget-link" ... data-show-fuel-calc data-default-fuel-consumption="12" data-default-fuel-price="2.4" ... >...</a>
...

Límite de velocidad

Para añadir los campos de límite de velocidad, añada el data-show-speed-profile atributo.

La data-default-speed-limit-motorway y los data-default-speed-limit-other atributos especifican los valores por defecto para los campos "Velocidad máxima en la autopista" y "Velocidad máxima en otras carreteras".

Si los valores por defecto no son dados, entonces los límites estipulados por el reglamento de trafico serán usados.

Durante los cálculos, la velocidad permitida por las reglas y regulaciones de tráfico para esa carretera en particular se usarán automáticamente. Si la velocidad 110 km/h es permitida en la autopista, y usted lo especificó 90 km/h, entonces 90 km/h será usado para el cálculo. Y si usted especifica un límite de 150 km/h, entonces la velocidad 110 km/h permitida por las reglas de tráfico y las regulaciones será utilizada.

<a class="rp-widget-link" ... data-show-speed-profile data-default-speed-limit-motorway="100" data-default-speed-limit-other="60" ... >...</a>
...

Calculo de resultados

Puedes añadir los bloques de resultados que necesitas con la ayuda de los atributos:

<a class="rp-widget-link" ... data-show-result-length data-show-result-map ... >...</a>
...

Limitar resultados por lista de países

El enrutamiento mundial se utiliza de forma predeterminada.

Puede limitar estrictamente los resultados por países seleccionados con el atributo: data-only-countries. Sólo se mostrarán los resultados de los países elegidos.

Puede agregar preferencias blandas para países con atributo: data-prefer-countries. Los países especificados tendrán precedencia sobre los demás.

El límite estricto y la preferencia suave se pueden utilizar simultáneamente.

<a class="rp-widget-link" ... data-only-countries="US,CA,MX" data-prefer-countries="US,MX" ... >...</a>
...

Se admiten los siguientes códigos ISO de país: AD, AE, AF, AG, AI, AL, AM, AO, AR, AT, AU, AZ, BA, BB, BD, BE, BF, BG, BH, BI, BJ, BM, BN, BO, BR, BS, BT, BW, BY, BZ, CA, CD, CF, CG, CH, CI, CK, CL, CM, CN, CO, CR, CU, CV, CY, CZ, DE, DJ, DK, DM, DO, DZ, EC, EE, EG, ER, ES, ET, FI, FJ, FK, FM, FO, FR, GA, GB, GD, GE, GG, GH, GI, GL, GM, GN, GQ, GR, GS, GT, GW, GY, HN, HR, HT, HU, ID, IE, IL, IM, IN, IO, IQ, IR, IS, IT, JE, JM, JO, JP, KE, KG, KH, KI, KM, KN, KP, KR, KW, KY, KZ, LA, LB, LC, LI, LK, LR, LS, LT, LU, LV, LY, MA, MC, MD, ME, MG, MH, MK, ML, MM, MN, MR, MS, MT, MU, MV, MW, MX, MY, MZ, NA, NE, NF, NG, NI, NL, NO, NP, NR, NU, NZ, OM, PA, PE, PG, PH, PK, PL, PN, PR, PS, PT, PW, PY, QA, RO, RS, RU, RW, SA, SB, SC, SD, SE, SG, SH, SI, SK, SL, SM, SN, SO, SR, SS, ST, SV, SY, SZ, TC, TD, TG, TH, TJ, TK, TL, TM, TN, TO, TR, TT, TV, TW, TZ, UA, UG, US, UY, UZ, VA, VC, VE, VG, VN, VU, WS, XK, YE, ZA, ZM, ZW.

Calcular ruta automáticamente al cargar la página

Con él data-calculate-instantly atributo, puedes iniciar un cálculo de ruta inmediatamente después de que la página haya cargado sin esperar a que el botón "Calcular" sea presionado. En este caso, no olvides establecer los valores por defecto para los campos requeridos "Desde" y "Hacia". Mira a estos ejemplos.

<a class="rp-widget-link" ... data-calculate-instantly data-default-from="Cuautepec (Guerrero)" data-default-to="Barrio Alto (Chihuahua)" ... >...</a>
...

No, no puedes. Por favor guarde la atribución propietaria acorde con la licencia de Creative Commons 4.0.

¿Tiene alguna pregunta? ¡Contáctenos!