Javascript 平移至给定横向位置，d3长

D3对我来说是比较新的。我一直在解决这个问题，我有一个选择下拉列表，在那里我可以有横向和纵向。单击后，地图应平移到该位置

我使用d3地理渲染地图，而不是谷歌地图或必应地图

有什么建议吗

<select id="SeaList">
    <option value="119.77,-7.69,-110.41,57.25">North Pacific Ocean</option>
    <option value="153.48,-58.62,-70,7.10">South Pacific Ocean</option>
    <option value="-116.56,-1.39,13.34,60.59">North Atlantic Ocean</option>
    <option value="-89.62,-56.74,40.27,8.59">South Atlantic Ocean</option>
    <option value="19.53,-52.31,149.43,16.15">Indian Ocean</option>
    <option value="179.97,-84.5,79.78,-17.58">Southern Ocean</option>
    <option value="-22.35,22.97,-122.55,85.03">Arctic Ocean</option>
</select>

北太平洋
南太平洋
北大西洋
南大西洋
印度洋
南大洋
北冰洋

为什么不

.transition（）

和

.attr（'transform'，'translate（${lat}，${long}）`

我该怎么写呢？