该网站使用百度地图作为主要地图服务,并通过自定义样式对其进行美化。网站的地图容器采用了amap-container
类,它是一个相对定位的元素,设置了touch-action: none;
,这意味着用户在触摸屏幕时,页面不会发生任何反应,以便用户可以自由地操作地图。同时,设置了overflow: hidden;
,确保当内容溢出容器大小时,不会显示额外的内容。
在地图容器中,有一个图片元素amap-custom
,它的位置被设置为绝对定位,top: 0; left: 0;
。这个元素可能用于放置一些定制的覆盖物或标记,以增强地图的功能和视觉效果。
为了保证地图的响应式显示,使用了媒体查询(Media Query)来适配不同的设备尺寸。这样可以确保在不同分辨率的屏幕上,地图都能正确地显示并适应用户的浏览习惯。
该网站利用百度地图提供了一个具有美观界面和灵活功能的地图服务。用户可以通过自定义样式、添加覆盖物等手段来定制地图,以满足其特定的需求。