我正试图在开放街道谷歌地图上用d3.js显示卡迪夫城市中的位置，在json数据中我有纬度和经度，我正在使用d3.js在特定位置显示图像使用弧来连接它们。我想创建类似this的东西（我知道它不使用d3，但我想获得在d3中渲染的数据点）
我正在使用here
中的参考代码我到目前为止尝试的是here in plunker
我正在努力解决的问题是：
当Map加载了所有城市数据，即在第10行的script.js中，如果你替换代码使用cardiff.json数据，而不是cardiff1.json数据，浏览器会挂起。 （cardiff1.json包含少量城市数据，而cardiff.json包含城市1498条记录的所有数据）
我使用700px X 400px div显示数据，svg的视口区域设置为99999 X 99999。因此只显示位于（0,0）到（99999,99999）的点，即从顶部开始，在右侧和底部左侧到几个距离（您可以拖动地图以查看）但是左侧和顶部的点由于svg在视口中滞后，因此不会绘制。
放大并缩小某些位置会被剪切并部分显示。
请在此或任何建议中帮助我，在此先感谢。