Markers

Sebagai contoh kita mengambil data dari api https://api-sekolah-indonesia.vercel.app/sekolah/sma?page=1&perPage=500&kab_kota=021000, yang jika kita eksekusi akan menghasilkan respon json dari server seperti ini:

terlihat dari respon tersebut baris data array yang akan kita ambil berada pada kunci dataSekolah dan dalam setiap barisnya terdapat kunci utama untuk menampilkan marker yaitu lintang & bujur.
Maka konfigurasi pada page attributes json kita seperti ini:
{
"pageType": "crud",
"pageTitle": "Daftar Sekolah",
"pageDesc": "Daftar Sekolah di Provinsi Jawa Barat",
"pageModuleTitle": "Sample",
"crudOpt": {
"endpointName": "https://api-sekolah-indonesia.vercel.app/sekolah?page=1&perPage=500",
"resp_key": "",
"gridTheme": "",
"map_marker_fieldName": [
"",
""
],
"map_marker_icon_path": "https://cdn-icons-png.flaticon.com/512/13167/13167002.png",
"map_display_table": true,
"map_display_table_position": "right",
"map_display_table_first_load": false,
"mapOtions": {
"zoom": 13,
"scrollWheelZoom": true,
"fullscreenControl": true,
"geoSearch": true
},
...... opsional
"map_draw_opt": {
"polyline": true,
"marker": true
},
....... attribute lainnya
"getApiSummaryData": false,
"serverSideGrid": false,
"detailPage": true,
"hideTableSearchInput": false,
"hideTablePageLengthInfo": true,
"hideTablePagination": false,
"detailPageModalSize": "xl",
.......
Penjelasan Property untuk type Map ada di halaman Map
Last updated
Was this helpful?