Three.js地球仪-使国家/地区可点击

Three.js globe - Make countries clickable

本文关键字：地区 国家 js 地球仪 Three      更新时间：2024-03-28

我可以使用three.js为3D地球渲染和动画旋转，方法是使用以下链接中的教程将世界地图图像纹理添加到球体上。我打算让世界上的国家都可以点击。也就是说，每当用户点击任何国家时，都应该突出显示该国的边界，并在弹出框中列出其名称。我想我需要使用d3.js加载一个国家的GeoJSON，并将其添加为three.js中的网格。但我不知道如何通过代码实现这一点。

有人能帮忙吗？

http://blog.thematicmapping.org/2013/09/creating-webgl-earth-with-threejs.html?m=1

您可以使用谷歌服务来确定点击的国家/地区：

"http://maps.googleapis.com/maps/api/geocode/json?latlng=" + lat + "," + lon + "&sensor=false";

请参阅http://jsdo.it/makc/19UWi用于工作示例。不过，对国家边界没有帮助。或者，使用http://makc.github.io/three.js/map2globe/demo.html每个国家都是单独的对象。

相关文章：