地图网站

该网站是一个室内地图网站。通过使用高德地图API,实现了在室内环境中的定位和导航功能。用户可以通过该网站查看室内地图，并进行搜索、导航和标注等操作。

页面布局

  • 地图部分：包括显示室内地图的主区域。
  • 控制面板：位于地图下方，包含楼层栏、放大镜等功能按钮。

页面样式

地图样式

  • .amap-indoor-map:定义了地图容器的样式，设置了地图的位置和大小等属性。
  • .label-canvas:定义了标签画布的样式，设置了位置为绝对定位。
  • .highlight-image-con:定义了高亮图像容器的样式，设置了不响应鼠标事件。
  • .amap-indoormap-floorbar-control:定义了楼层栏控制面板的样式，设置了位置、边距、背景颜色、边框等属性。
  • .panel-box:定义了面板箱的样式，设置了背景颜色、圆角、边框等属性。
  • .select-dock:定义了选择器工具栏的样式，设置了位置、宽度等属性。

控制面板样式

  • .amap-indoormap-floorbar-control:定义了楼层栏控制面板的样式，设置了位置、边距、文本对齐方式等属性。
  • .panel-box:定义了面板箱的样式，设置了背景颜色、圆角、边框等属性。