html5+svg实现交互式3D地图

最近看了一个系统的一张图感觉视觉效果很赞,如下图所示

 不过不知道该怎么去实现,于是上网找了很多种方案,实现了如下效果

 没有美工 随便找了张图实现了一下,具体思路如下

1标注点添加时使用canvas拖拽实现坐标点拾取,存入数据库

2根据拾取的点坐标添加点实现以上效果

3点击标注点切换信息窗口信息

4如需详细的地图信息,可使用SVGDeveloper将所需的场景地图扣出来做点击效果和地图样式,使用方法可自行百度,很详细。

以下是上面的方案地址https://download.csdn.net/download/qq_29099209/10599850

等实现了以后在上传代码

代码地址:暂无

猜你喜欢

转载自blog.csdn.net/qq_29099209/article/details/81624063