Web前端最全高德地图实现3D建筑多楼层模型相关代码_地图上方整个3d模型，面试真题解析党史讨论会发言

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

        vo.setLat(pointY / totalArea / 3);
    }
}

private static double calculateArea(LatLngVO p0, LatLngVO p1, LatLngVO p2) {
    double area = p0.getLng() * p1.getLat()
            + p1.getLng() * p2.getLat()
            + p2.getLng() * p0.getLat()
            - p1.getLng() * p0.getLat()
            - p2.getLng() * p1.getLat()
            - p0.getLng() * p2.getLat();
    return area / 2 ;
}

在附上所有代码之前。我对当时所实现的产品功能和业务场景做大致讲解：


业务场景：


1、有项目（project）、物业（buinding）、单元（unit）三个核心实体，均为一对多关系


2、在开发3d之前。已有2维描边基础，所以有现成的经纬度（建筑群的墙角）



产品功能：


1、按照录入的楼层层高、数量、是否在租等信息展示模型


2、点击模型时，改变颜色或者显示相关弹窗等



**重点：**


**1、构建模型时可能存在楼层悬空后，楼层之间区分不明显，此时可以在中间塞入一个高度接近0且颜色较深的模型模拟出地板的效果**


**2、模型的点击事件不是很准确（这是必然的，和角度也有一点关系）**



代码主要是前端js、vue代码，仅供参考，若有不明确之处，还望多多实验，或评论留言，


附上的代码中 我去掉了一些无关代码，若用心阅读，应该是能理解大致含义的，主要关注方法initAMap即可

</div>