根据提供的素材,这是一个使用高德地图(AMap)的网站。该网站使用了VML(Vector Markup Language)技术来创建自定义的地图容器和地图内容。
通过在.vml
规则下设置behavior: url(#default#VML);
和display: inline-block;
,定义了一个VML渲染器,用于支持网页中的矢量图形显示。接下来,.amap-custom
类被用来定位地图容器的位置,使其位于网页的顶部左侧。
.amap-container
类中的样式定义了地图容器的相关属性。其中,touch-action: none;
禁用了触摸事件的默认行为,以防止在移动设备上出现不必要的滚动或缩放效果。
.amap-container img
选择器设置了地图图像的样式。max-width: none!important; max-height: none!important;
用于确保地图图像能够自适应容器的大小。
.amap-container
类中的背景样式指定了地图容器的背景色为浅黄色(#fcf9f2)。背景图是一个透明的PNG图像,其URL是通过base64编码得到的。
根据提供的素材,这个网站使用了高德地图来展示自定义的地图内容,并通过设置适当的样式和布局实现了良好的交互和视觉效果。