这个网站是一个基于高德地图室内图的展示和交互平台。它提供了一个室内地图,用户可以在地图上进行导航和定位。地图上的各个区域都有对应的标签,用户可以通过点击标签来了解该区域的信息。此外,网站还提供了楼层选择控件,用户可以根据需要在不同楼层之间切换。
网站使用了CSS样式表来控制地图和控件的布局和样式。地图容器使用了.amap-indoor-map
类,标签画布使用了.label-canvas
类,高亮图片容器使用了.highlight-image-con
类,楼层选择控件使用了.amap-indoormap-floorbar-control
类。这些类都设置了一些基本的样式属性,如位置、大小、背景颜色等。楼层选择控件还包括了一个面板盒子.panel-box
,用于显示选中的楼层信息。
网站还包含了一些JavaScript代码,用于实现地图的初始化、交互功能和与后端的数据交互。例如,当用户点击某个标签时,会触发一个事件,通过AJAX请求获取该标签对应区域内的信息,并将其显示在页面上。同时,网站还实现了楼层选择控件的功能,允许用户在不同楼层之间切换。
这个网站是一个基于高德地图室内图的展示和交互平台,用户可以在其中浏览地图、查看楼层信息以及进行导航操作。通过CSS和JavaScript的结合使用,实现了良好的用户体验和交互效果。