現在、プロジェクト Web サイトのスプラッシュ ページを作成しています。横にメニューがある世界地図をデザインし、サブメニューにカーソルを合わせると点滅する効果を追加するように指示されました.
マップの変換/スケーリングは完了しましたが、サブメニューにカーソルを合わせると問題が発生し、小さな赤い円が本来あるべき場所にポップアップしません。.transform() メソッドを使用しないと、小さな赤い円が正しくポップアップ表示されますが、大きくてトリミングされたマップが表示されます。
.transform() メソッドを使用して、世界地図を縮小しました。
ここに .transform() メソッドを配置します。
r.path(worldmap.shapes[country]).attr({stroke: "#9b59b6", fill: c, "stroke-opacity": 0.25}).transform("s.628,.740 0,0");