地图室内展示控制面板
这是一个用于展示地图室内的控制面板,主要功能包括楼层切换和放大缩小。通过这个面板,用户可以轻松地在不同的楼层之间导航,并对地图进行缩放操作。面板的设计简洁大方,易于操作。
功能介绍
楼层切换:用户可以通过点击面板上的楼层按钮来切换到不同的楼层。每个楼层都有一个对应的图标,以便于用户识别。
放大缩小:用户可以通过按住鼠标左键或右键来放大或缩小地图。同时,还可以通过滚动鼠标滚轮来进行缩放。
地图平移:用户可以通过拖动地图边缘来平移地图。
图层切换:用户可以通过点击图层面板中的不同图层来切换显示不同的地图元素,如道路、建筑物等。
信息窗展示:在地图上点击某个区域时,会弹出一个信息窗,展示该区域的详细信息。
样式代码
.amap-indoor-map .label-canvas{position:absolute;top:0;left:0}.amap-indoor-map .highlight-image-con *{pointer-events:none}.amap-indoormap-floorbar-control{position:absolute;margin:auto 0;bottom:165px;right:12px;width:35px;text-align:center;line-height:1.3em;overflow:hidden;padding:0 2px}.amap-indoormap-floorbar-control .panel-box{background-color:rgba(255,255,255,.9);border-radius:3px;border:1px solid #ccc}.amap-indoormap-floorbar-control .select-dock{position:absolute;top:0;left:0;width:100%;b