/*工具栏样式*/
|
#toolbar {
|
width: 100%;
|
z-index: 999;
|
position: relative;
|
font-family: "宋体";
|
}
|
|
#map-tools {
|
/*position: absolute; right: 0; padding: 5px 5px 0 0;*/
|
}
|
#map-3dtools {
|
position: absolute;
|
right: 0;
|
padding: 5px 5px 0 0;
|
}
|
.map-tool li {
|
float: left;
|
height: 26px;
|
line-height: 26px;
|
margin: 0 1px;
|
padding: 0 5px;
|
}
|
.map-tool li:hover {
|
background: #fff;
|
border: 1px solid #ddd;
|
cursor: pointer;
|
height: 26px;
|
line-height: 26px;
|
margin: -1px 0px;
|
}
|
.map-tool li span {
|
margin-left: 2px;
|
}
|
.map-tool li i {
|
float: left;
|
width: 14px;
|
height: 100%;
|
display: inline-block;
|
background: url(../images/map_tool.png) no-repeat;
|
}
|
.map-tool li .tools i {
|
height: 20px;
|
}
|
.map-tool li.fore1 i {
|
background-position: 0 -12px;
|
}
|
.map-tool li.fore2 i {
|
background-position: 0 -45px;
|
}
|
.map-tool li.fore3 i {
|
background-position: 0 -77px;
|
}
|
.map-tool li.fore4 i {
|
background-position: 0 -112px;
|
}
|
.map-tool li.fore5 i {
|
background-position: 0 -144px;
|
}
|
.map-tool li.fore6 i {
|
background-position: 0 -176px;
|
}
|
.map-tool li.fore7 i {
|
background-position: 0 -208px;
|
}
|
.map-tool li.fore8 i {
|
background-position: 0 -240px;
|
}
|
.map-tool li.fore9 i {
|
background-position: 0 -272px;
|
}
|
.map-tool li .fore10 i {
|
background-position: 0 -333px;
|
}
|
.map-tool li .fore11 i {
|
background-position: 0 -364px;
|
}
|
.map-tool li .fore12 i {
|
background-position: 0 -398px;
|
}
|
.map-tool li .fore13 i {
|
background-position: 0 -429px;
|
}
|
.map-tool li .fore14 i {
|
background-position: 0 -462px;
|
}
|
.map-tool li .fore15 i {
|
background-position: 0 -493px;
|
}
|
.map-tool li.fore3 {
|
position: relative;
|
}
|
|
.map-tool .fore01 i {
|
background-position: 0 -12px;
|
}
|
.map-tool .fore02 i {
|
background-position: 0 -45px;
|
}
|
.map-tool li .view i {
|
height: 20px;
|
}
|
.map-tool li.fore0 {
|
position: relative;
|
}
|
.map-tool li.fore0:hover {
|
background: none;
|
border: none;
|
margin: 0 1px;
|
}
|
.map-tool li.fore0:hover .view {
|
display: block;
|
}
|
.map-tool li.fore0 span {
|
float: left;
|
}
|
.map-tool li.fore0 b {
|
float: left;
|
width: 12px;
|
height: 12px;
|
margin: 8px 0 0 2px;
|
display: inline-block;
|
background: url(../images/arrow-d-b.png) no-repeat;
|
}
|
.map-tool li.fore0 .view {
|
position: absolute;
|
left: -10px;
|
top: 24px;
|
background: #fff;
|
border: 1px solid #ddd;
|
display: none;
|
z-index: 99999;
|
width: 100px;
|
}
|
.map-tool li.fore0 .view div {
|
height: 24px;
|
line-height: 24px;
|
padding: 0 10px;
|
width: 100%;
|
}
|
.map-tool li.fore0 .view div span {
|
float: left;
|
display: inline-block;
|
}
|
.map-tool li.fore0 .view div:hover {
|
background: #eee;
|
}
|
|
.map-tool li.fore8 {
|
position: relative;
|
}
|
.map-tool li.fore8:hover {
|
background: none;
|
border: none;
|
margin: 0 1px;
|
}
|
.map-tool li.fore8:hover .tools {
|
display: block;
|
}
|
.map-tool li.fore8 span {
|
float: left;
|
}
|
.map-tool li.fore8 b {
|
float: left;
|
width: 12px;
|
height: 12px;
|
margin: 8px 0 0 2px;
|
display: inline-block;
|
background: url(../images/arrow-d-b.png) no-repeat;
|
}
|
.map-tool li.fore8 .tools {
|
position: absolute;
|
left: 0;
|
top: 24px;
|
background: #fff;
|
border: 1px solid #ddd;
|
display: none;
|
z-index: 99999;
|
}
|
.map-tool li.fore8 .tools div {
|
height: 24px;
|
line-height: 24px;
|
padding: 0 10px;
|
width: 100%;
|
}
|
.map-tool li.fore8 .tools div span {
|
float: left;
|
display: inline-block;
|
}
|
.map-tool li.fore8 .tools div:hover {
|
background: #eee;
|
}
|
|
.map-tool li.fore5 {
|
position: relative;
|
}
|
.map-tool li.fore5:hover {
|
background: none;
|
border: none;
|
margin: 0 1px;
|
}
|
.map-tool li.fore5:hover .measLength {
|
display: block;
|
}
|
.map-tool li.fore5 span {
|
float: left;
|
}
|
.map-tool li.fore5 b {
|
float: left;
|
width: 12px;
|
height: 12px;
|
margin: 8px 0 0 2px;
|
display: inline-block;
|
background: url(../images/arrow-d-b.png) no-repeat;
|
}
|
.map-tool li.fore5 .measLength {
|
position: absolute;
|
left: 0;
|
top: 24px;
|
background: #fff;
|
border: 1px solid #ddd;
|
display: none;
|
z-index: 99999;
|
}
|
.map-tool li.fore5 .measLength div {
|
height: 24px;
|
line-height: 24px;
|
padding: 0 10px;
|
width: 84px;
|
}
|
.map-tool li.fore5 .measLength div span {
|
float: left;
|
display: inline-block;
|
}
|
.map-tool li.fore5 .measLength div:hover {
|
background: #eee;
|
}
|
|
.map-tool li.fore6 {
|
position: relative;
|
}
|
.map-tool li.fore6:hover {
|
background: none;
|
border: none;
|
margin: 0 1px;
|
}
|
.map-tool li.fore6:hover .measArea {
|
display: block;
|
}
|
.map-tool li.fore6 span {
|
float: left;
|
}
|
.map-tool li.fore6 b {
|
float: left;
|
width: 12px;
|
height: 12px;
|
margin: 8px 0 0 2px;
|
display: inline-block;
|
background: url(../images/arrow-d-b.png) no-repeat;
|
}
|
.map-tool li.fore6 .measArea {
|
position: absolute;
|
left: 0;
|
top: 24px;
|
background: #fff;
|
border: 1px solid #ddd;
|
display: none;
|
z-index: 99999;
|
}
|
.map-tool li.fore6 .measArea div {
|
height: 24px;
|
line-height: 24px;
|
padding: 0 10px;
|
width: 84px;
|
}
|
.map-tool li.fore6 .measArea div span {
|
float: left;
|
display: inline-block;
|
}
|
.map-tool li.fore6 .measArea div:hover {
|
background: #eee;
|
}
|
.map-tool li.active {
|
background: #fff;
|
border: 1px solid #ddd;
|
cursor: pointer;
|
height: 26px;
|
line-height: 26px;
|
margin: -1px 0px;
|
}
|
|
.traffic-legend {
|
display: none;
|
/*margin-top: 32px;*/
|
padding-top: 3px;
|
padding-left: 9px;
|
/*margin-left: 143px;*/
|
height: 32px;
|
background-color: #ffffff;
|
border-top: 1px solid #d9d9d9;
|
}
|
.traffic-legend div {
|
display: inline-block;
|
text-align: center;
|
float: right;
|
width: 130px;
|
}
|
.traffic-legend span {
|
display: inline-block;
|
height: 23px;
|
padding: 0 6.5px;
|
color: #fff;
|
font-size: 12px;
|
white-space: nowrap;
|
padding-top: 3px;
|
}
|
#roadflow-time {
|
color: #000000;
|
}
|
|
.traffic-legend .traffic-legend-crowd {
|
background-color: #d95757;
|
}
|
|
.traffic-legend .traffic-legend-amble {
|
background-color: #f2ae00;
|
}
|
|
.traffic-legend .traffic-legend-clear {
|
background-color: #61b250;
|
}
|
