放大地图d3.js时如何缩小图标？

Question

我正在自定义d3.js地图上的引脚位置。 我通过使用“ foreignObject” SVG元素将div附加到SVG地图上来创建了图标单击On this pen查看地图的完整代码。 我想在用户放大并恢复默认设置时使此图标按比例缩小 缩小时。 预先感谢您的帮助！

<select onChange={handleChange}>
 {data.map(item => {
   return (
     <option key={item.id} value={JSON.stringify(item)}>
       {item.name}
     </option>
   );
 })}
</select>