openlayers 加载鹰眼地图为什么有两个classname
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OverViewMap</title>
</head>
<script type="text/javascript" src="js/ol.js"></script>
<link href="css/ol.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#map{
width:100%;
height:580px;
}
//鹰眼样式
.ol-custom-overviewmap,.ol-custom-overviewmap.ol-uncollapsible{
bottom:auto;
left:auto;
right:0; //右侧显示
top:0; //上方显示
}
//鹰眼控件展开时控件外框的样式
.ol-custom-overviewmap:not(.ol-collapsed){
border: 1px solid black;
}
<html>
<head>
<meta charset="UTF-8">
<title>OverViewMap</title>
</head>
<script type="text/javascript" src="js/ol.js"></script>
<link href="css/ol.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#map{
width:100%;
height:580px;
}
//鹰眼样式
.ol-custom-overviewmap,.ol-custom-overviewmap.ol-uncollapsible{
bottom:auto;
left:auto;
right:0; //右侧显示
top:0; //上方显示
}
//鹰眼控件展开时控件外框的样式
.ol-custom-overviewmap:not(.ol-collapsed){
border: 1px solid black;
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
