这是一个室内地图网站,提供详细的室内地图信息。该网站使用了高德地图API,通过.amap-indoor-map
类和相关的CSS样式设置,实现了室内地图的展示。用户可以在网站上查看各个楼层的平面图,并通过.amap-indoormap-floorbar-control
类实现楼层切换功能。
网站的主要元素包括:
- 室内地图:使用
.amap-indoor-map
类实现,展示了室内的楼层分布和路径信息。 - 标签画布:使用
.label-canvas
类实现,用于显示地图上的标签信息。 - 高亮图像框:使用
.highlight-image-con
类实现,用于高亮显示用户所关注的区域。 - 楼层栏控件:使用
.amap-indoormap-floorbar-control
类实现,提供了楼层切换的功能。 - 面板盒:使用
.panel-box
类实现,包含了楼层列表和其他相关信息。 - 选择停靠区:使用
.select-dock
类实现,用于选择要查看的楼层。
网站还对一些关键元素进行了样式调整,如设置了绝对定位、透明背景、边框等。同时,为了避免与鼠标事件冲突,部分样式设置了.pointer-events:none
,使得这些元素不会响应鼠标事件。