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