リーフレットマップのポリゴンプロパティのオプションに応じて、イメージオーバーレイを追加するにはどうすればよいですか？

Question

私は、 "field_hazards"という名前のプロパティの1つを持つマルチポリゴンgeojsonファイル（mapInfo）を持っています。災害には「暴風雨、豪雨、雷雨、凍結雨」が含まれます field_hazardオプションに応じてイメージオーバーレイを追加するにはどうすればよいですか？

注意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()); 

私は、この例では、「add image to rect polygon in leaflet 」を見てきましたが、それは財産自己として予め設定された画像のURLを持つために私を必要とします。

Answer 1

私はこのリンクから解決策を得ました。他に興味のある人のためにそれを掲示してください。

Adding image overly in leaflet map from a property