let gps_lon = data.gps_lon;
let gps_lat = data.gps_lat;

return new Ax.ext.view.map.Builder()
    .setCenter(gps_lon, gps_lat)
    .setZoom(15)
    .setMapStyle(
        new Ax.ext.view.map.MapStyle()
            .setType("roadmap")
    )        
    .addLayer(
        new Ax.ext.view.map.Layer()
            .setLabel("LAYER_1")
            .setZoomRange(0, 20)
            .setSQL(`SELECT 'POINT(' || REPLACE(gps_lon,',','.') || ' ' || REPLACE(gps_lat, ',','.') || ')' geo_poi , 1 sql_range  FROM swing_form_tab_widget WHERE store_id = ${data.store_id} `)
            .setSymbology(
                new Ax.ext.view.map.Symbology()
                    .setValueColumn("sql_range")
                    .setLabel("SYMBOLOGY_1")
                    .hideEmptyRanges()
                    .showStatistics()
                    .addRange(
                        new Ax.ext.view.map.Range(0, 2)
                            .setLabel("RANGE_1")
                            .setIcon("poi")
                    )
                    
            )
    )
    .build();