Dokumentasi

Perubahan reka bentuk

Gunakan konfigurator kod html untuk menyesuaikan reka bentuk widget dengan cepat.

Anda boleh link CSS anda menggunakan atribut data-css untuk menguruskan setiap aspek reka bentuk.

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

Keluarga font dan saiz font dalam widget menyesuaikan diri secara automatik dengan gaya laman web anda. Font hiperlink dengan pengarang digunakan sebagai font sampel. Untuk menyahdayakan penyesuaian font secara automatik, tambah atribut data-disable-font-auto-tuning atau hubungkan CSS anda.

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

Pengiraan harga oleh formula

Untuk sebarang laluan, anda boleh mengira harga dengan formula anda. Anda boleh set harga ini seperti yang anda inginkan, sebagai contoh "Kos Pengangkutan", "Kos Penghantaran" ataupun "Perbelanjaan perjalanan"/ Lihat contoh ini.

Untuk membolehkan paparan harga dikira oleh formula anda, tambahkan atribut data-show-result-customized-cost. Nyatakan formula pengiraan dalam atribut data-customized-cost-formula dan nama dalam data-customized-cost-label.

Apabila menyusun formula, anda boleh menggunakan pembolehubah berikut:

Anda juga boleh menggunakan fungsi matematik: 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="Kos Pengangkutan" ... >...</a>
...

Unit ukuran untuk semua pembolehubah ditentukan oleh nilai data-measure dan atribut data-currency.

Units

Terdapat 3 sistem langkah yang tersedia:

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

Mata wang

Mata wang berikut disokong:

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

Titik laluan

Atribut data-default-from dan data-default-to menentukan nilai lalai untuk medan "Dari" dan "Ke". Lihat bagaimana ia berfungsi dengan atribut data-default-to pada contoh ini.

<a class="rp-widget-link" ... data-default-to="Kuala Lumpur (Selangor)" ... >...</a>
...

Untuk menambah medan "Mata perantaraan", tambahkan atribut data-show-via. Nilai lalai untuk medan ini boleh ditetapkan menggunakan atribut data-default-via.

<a class="rp-widget-link" ... data-show-via data-default-via="Kuala Terengganu; Kuala Lumpur (Selangor)" ... >...</a>
...

Kalkulator bahan bakar

Untuk menambah medan kalkulator bahan bakar, tambahkan atribut data-show-fuel-calc.

Atribut data-default-fuel-consumption dan data-default-fuel-price menentukan nilai lalai untuk medan "Penggunaan bahan bakar" dan "Harga bahan bakar".

Jika tiada nilai lalai diberikan, maka "Penggunaan bahan bakar" dianggap sama dengan 8 l/100 km, dan "Harga bahan bakar" dianggap sebagai harga petrol.

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

Had kelajuan

Untuk menambah medan had kelajuan, tambahkan atribut data-show-speed-profile.

Atribut data-default-speed-limit-motorway dan data-default-speed-limit-other menentukan nilai lalai untuk medan "Kelajuan maksimum pada lebuhraya" dan "Kelajuan maksimum pada jalan lain".

Jika nilai lalai tidak diberikan, maka had yang ditetapkan oleh peraturan trafik digunakan.

Semasa pengiraan, kelajuan yang dibenarkan oleh peraturan trafik untuk jalan tertentu digunakan secara automatik. Jika kelajuan 110 km/j didayakan di lebuhraya, dan anda menetapkan 90 km/j, maka 90 km/j akan digunakan untuk pengiraan. Dan jika anda menentukan had 150 km/j, maka kelajuan 110 km/j yang dibenarkan oleh peraturan trafik akan digunakan.

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

Hasil pengiraan

Anda boleh menambah blok hasil yang anda perlukan dengan bantuan atribut:

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

Had hasil oleh senarai negara

Rangkaian seluruh dunia digunakan secara lalai.

Anda boleh menghadkan hasil dengan negara-negara tertentu dengan atribut: data-only-countries. Hanya hasil dari negara yang dipilih akan ditunjukkan.

Anda boleh menambah keutamaan lembut untuk negara yang mempunyai atribut: data-prefer-countries. Negara-negara yang ditentukan akan mempunyai keutamaan berbanding yang lain.

Had ketat dan keutamaan lembut boleh digunakan secara serentak.

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

Kod ISO negara berikut disokong: 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.

Kira laluan secara automatik pada muatan halaman

Dengan atribut data-calculate-instantly, anda boleh memulakan pengiraan laluan sebaik sahaja halaman dimuatkan tanpa menunggu butang "Kira" ditekan. Dalam kes ini, jangan lupa untuk menetapkan nilai lalai untuk medan yang diperlukan "Dari" dan "Ke". Lihat contoh ini.

<a class="rp-widget-link" ... data-calculate-instantly data-default-from="Kuala Lumpur (Selangor)" data-default-to="Kuala Terengganu" ... >...</a>
...
// your custom function
var routeReadyHandler = function () {
    console.log("length=" + this.totalDistance);
    console.log("minutes=" + this.totalTime);
    console.log("fuelAmount=" + this.fuelAmount);
    console.log("fuelCost=" + this.fuelCost);
    console.log("fuelPrice=" + this.fuelPrice);
    console.log("fuelConsumption=" + this.fuelConsumption);
    console.log("customizedCost=" + this.customizedCost);
};

// assign function to widget
if (typeof RoutePlannerWidget === "undefined") {
    var allScriptTags = document.getElementsByTagName("script");
    for (var i = 0; i < allScriptTags.length; i++) {
        if (
            allScriptTags[i].hasAttribute("src")
            &&
            allScriptTags[i].getAttribute("src").endsWith("/widget/v1/client.js")
        ) {
            allScriptTags[i].addEventListener('load', function(){
                RoutePlannerWidget.prototype.routeReady = routeReadyHandler;
            });
        }
    }
} else {
    RoutePlannerWidget.prototype.routeReady = routeReadyHandler;
}

Tidak, anda tidak boleh. Sila simpan atributi mengikut lesen Creative Commons 4.0.

Ada pertanyaan? Hubungi kami!