Calling marker-size from GeoJSON file in leaflet.js

Question

I found marker-size: medium in the properties section in the GeoJSON file. so I want to call that marker-size, to be used in the PHP Leaflet code. So I need a solution for using this marker size and how can I solve it easily

===========geojson data=========================

     {
            "type":"FeatureCollection",
            "features":[
                {
                    "type":"Feature",
                    "properties":{"markercolor":"#1e7e7e","marker-size":"medium","marker-symbol":"","title":"Indonesia"},
                    "geometry":{"type":"Point","coordinates":[107.9296875,-6.664607562172573]}
                },
                {
                    "type":"Feature",
                    "properties":{},
                    "geometry":{"type":"Point","coordinates":[114.873046875,4.565473550710278]}
                },

========leaflet php code===========

pointToLayer: function(feature, latlng) {
   var smallIcon = L.icon({
                      iconSize:feature.properties.marker_size,
                      iconAnchor: [13, 27],
                      popupAnchor:  [1, -24],
                     
   });

   return L.marker(latlng, {icon: smallIcon});
},
        onEachFeature:onEachFeature
    }).addTo(mymap);
    });

Answer 1

Like @TomazicM said before, you can't assign "medium" as a size of your icon BUT if you really want to do this, you can have an object like this :

const sizeTranslator = {
         "small" : [20, 20],
         "medium" : [40, 40],
         "big" : [60, 60],
        };

And after instanciate this object, you can use the values with your code just here :

   var smallIcon = L.icon({
                  iconSize: sizeTranslator[feature.properties.marker-size],
                  iconAnchor: [13, 27],
                  popupAnchor:  [1, -24],
                 });

Hope it can help you