文章预览
背景 本次分享的实战案例项目名为“ 智慧街道一体化平台 ”。由于开发时间紧迫，我采用了Vue2框架进行前后端架构开发，并基于高德地图的JS API和Web基础服务API，实现了一个简单的街道管理项目。客户需要可视化大屏展示，因此我们重点展示了街道社区在地图中的效果。 目标 客户关于街道可视化部分的主要需求包括：在地图上展示街道全貌，实现街道中社区的区域化展示效果；通过序号标注小区，并在点击标注点位时将地图视角定位并放大到对应社区；同时，在信息窗体中显示对应小区的相关信息。 方案设计 1、街道的边界区域化 为了实现对街道边界的区域化展示，我查阅了JS API文档，并采用了多边形AMap.Polygon功能。通过该功能，我们可以方便地绘制出街道的边界。 官方功能示意图 demo效果图 完整示例代码如下。 const streetCoordinates = [
………………………………
