如何基于颜色范围修改美国Fusion Map附属领地列表项颜色

项目需求 #

我正在开发一款涵盖美国各州及附属领地的Fusion Map。当前附属领地以列表形式呈现，每项旁的彩色方块作为项目符号，需要根据数据让这些项目符号的颜色匹配美国地图的颜色范围——例如关岛因平均温度接近80°F，需将其红色项目符号替换为蓝色。

项目初始化与依赖安装 #

• 创建基础React应用：npx create-react-app
• 安装必要依赖：npm i fusioncharts react-fusioncharts fusionmaps @material-ui @mui

代码部署 #

将功能代码复制到React项目的app.js文件中，即可完成地图的复现。

内容的提问来源于stack exchange，提问作者cluis92