无法在React中的openstreetmap中使用D3缩放?

时间:2019-04-05 19:53:15

标签: reactjs d3.js openstreetmap

一阵子卡在上面,棘手的东西!因此,我一直在尝试使D3地图图块起作用,到目前为止,我已经弄清楚了如何添加投影,然后使用topojson文件添加国家/地区,美国州/省,邮政编码等。我希望拥有d3调用openstreetmap数据库以获得具有街道和其他地形特征的更详细的开源地图。几周前,我发表了一篇类似的帖子,上面写着可怕的代码-没有回复!

由于我认为我已将问题缩小到D3缩放插件,因此这里是经过修改的帖子。我可以获取openstreetmap ...但是您将整个世界视为一个256x256的地图图块,所以它很小!我认为,直到此缩放有效,您只会得到一个小地图图块?有什么想法吗?

https://stackblitz.com/edit/react-ktjlxk?embed=1&file=index.js

上面的链接显示了我到目前为止的情况。我正在尝试将这张地图从Mike Bostock插入到react中:http://bl.ocks.org/mbostock/4132797 ...我的D3缩放版本是从无畏的Swizec Teller的帖子中借用的:https://swizec.com/blog/two-ways-build-zoomable-dataviz-component-d3-zoom-react/swizec/7753

如果有帮助,您可以从package.json文件中看到我正在使用的软件包的几种不同版本:

“ d3-geo”:“ ^ 1.11.3”, “ d3-geo-projection”:“ ^ 2.6.0”, “ d3-tile”:“ 0.0.4”, “ d3-zoom”:“ ^ 1.7.3”, “ react”:“ ^ 16.8.6”, “ react-dom”:“ ^ 16.8.6”,

我将不胜感激!

0 个答案:

没有答案