Javascript 如何根据传单地图中多边形属性中的选项添加图像覆盖？

我有一个多多边形geojson文件（mapInfo），它有一个名为“field_hazards”的属性。危险包括“大风/风暴、暴雨、雷暴和冻雨” 如何根据字段选项添加图像覆盖

注意，geojson文件是作为drupal提要动态获取的。我已经做了下面的代码，但它返回一个空贴图，多边形不会被渲染

 function getImage(d) {
 return d === 'Freezing Rain' ? "http://mymap:8082/images/weather-images/43n.png" :
        d === 'Thunderstorm' ? "http://mymap:8082/images/weather-images/11.png" :
        d === 'Heavy Rain' ? "http://my:8082/weather-images/02n.png" :
        d === 'Gale\/Storm' ? "http://mymap:8082/images/weather-images/15.png" :
                        "http://my:8082/images/weather-images/09.png";

}
var imageUrl = getImage(feature.properties.field_hazards);
var imageLayer = L.imageOverlay(imageUrl, imageBounds).addTo(map).bringToBack();
var boxOptions = {fillOpacity:0, opacity:0, onEachFeature: onEachBox};
//create the image interaction box
var imageBox = L.geoJson(mapInfo, boxOptions).addTo(map);
//zoom in to fit GeoJSON layer
map.fitBounds(imageBox.getBounds());

我已经看过这个例子了。”

---

“，但它要求我将图像url预设为其自身的属性。

我从这个链接获得了一个解决方案。把它贴出来，以防其他人感兴趣