Polygon

Sebagai contoh kita mengambil data dari api https://my-json-server.typicode.com/amry666/demo/erekon_month, yang jika kita eksekusi akan menghasilkan respon json dari server seperti ini:

terlihat data array yang akan kita ambil langsung dari root respon atau tanpa kunci. Informasi yang memuat koordinat ada pada kunci marker data dari setiap baris dan terlihat berbagai jenis type data, ada yang string untuk polygon, array of decimal untuk polygon & string marker (lat & long). Framework sudah meng-handle 3 jenis data tersebut untuk dirender menjadi polygon/marker. Tapi ini hanya kasus respon ini saja, sebaiknya respon json dari server anda menghasilkan satu tipe jenis data saja.

Maka konfigurasi pada page attributes json kita seperti ini:

{
  "pageType": "crud",
  "pageTitle": "Sample Map",
  "pageDesc": "Sample Marker & Polygon With Custom Marker Icon, Polygon Area Color and Tolltip as Modal.",
  "pageModuleTitle": "Sample",
  "crudOpt": {
    "endpointName": "https://my-json-server.typicode.com/amry666/demo/erekon_month",
    "resp_key": "",
    "gridTheme": "map",
    "map_marker_fieldName": "marker",
    "map_marker_color_fieldName": "marker_color",
    "map_marker_icon_fieldName": "marker_icon",
    "map_display_table": true,
    "map_display_table_position": "right",
    "map_display_table_first_load": false,
    "mapOtions": {
      "zoom": 13,
      "scrollWheelZoom": true,
      "fullscreenControl": true,
      "geoSearch": true
    },
    ........ property lainnya
    "getApiSummaryData": false,
    "serverSideGrid": false,
    "detailPage": true,
    "hideTableSearchInput": false,
    "hideTablePageLengthInfo": true,
    "hideTablePagination": false,
    "detailPageModalSize": "xl",
    "detailFromGrid": true,
    "getAlwaysGrid": false,
    "deleteSelection": false,
    "getApiAfterPut": false,
    "getApiAfterPost": false,
    "getApiAfterDelete": false,
    "dynamicTooltipColumnsTitleFieldName": "name",
    "dynamicTooltipColumnsAsModal": true,
    "hideTableHeaderLeft": true,
    "simpleActionButton": true,
    "disabledEdit": true,
    "rowClickEvent": "view",
    "disabledAdd": true,
    "disabledDelete": true,
    ........

Penjelasan Property untuk type Map ada di halaman Map