<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>H+ 后台主题UI框架 - 按钮</title>
<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
<meta name="description" content="H+是一个完全响应式,基于Bootstrap3最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术">
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/awesome-bootstrap-checkbox.css" rel="stylesheet">
<link href="css/clockpicker.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link rel="stylesheet" href="js/Widgets/widgets.css" type="text/css"></link>
<style>
/*leaflet风格气泡窗口样式模板*/
.leaflet-popup {
position: absolute;
text-align: center;
}
.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
marign:5px;
}
.leaflet-popup-content-wrapper {
max-height: 200px;
overflow-y: auto;
background: white;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
padding: 10px;
text-align: left;
border-radius: 12px;
text-decoration: none;
}
.leaflet-popup-content {
margin: 5px 4px;
line-height: 1.4;
text-align: left;
}
.leaflet-popup-tip-container {
margin: 0 auto;
width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
box-shadow: 0 3px 14px #060606;
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
#map {
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
padding: 0;
font-family: sans-serif;
}
body {
padding: 0;
margin: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div class="col-sm-2" style="position: absolute;z-index: 999999;left: 2%;top: 5%;-webkit-animation-name: inherit;animation-duration: 1s;">
<div class="ibox float-e-margins" style="box-shadow: inset 0 0 10px #373a3a, 0 5px 0 0 #606363, 0 10px 5px #2d2b2b;">
<div class="ibox-title">
<h5>地图漫游</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-outline btn-primary dim" type="button" onclick="huaxian(2)">开始漫游
</button>
<button class="btn btn-outline btn-warning dim" type="button" onclick="huaxian(4)">结束漫游
</button>
<button class="btn btn-outline btn-primary dim" type="button">保存路线
</button>
<div class="checkbox checkbox-primary" onclick="huaxian(5)">
<input id="checkbox2" type="checkbox" checked="">
<label for="checkbox2">
取消跟踪
</label>
</div>
<div class="form-group">
<label>高度</label>
<input id="gaodu" type="email" placeholder="请输入您要飞行的高度" class="form-control">
</div>
<button class="btn btn-outline btn-success dim" type="button" onclick="huaxian(3)">清除
</button>
<button class="btn btn-outline btn-info dim" type="button" onclick="huaxian(1)">划线
</button>
<button class="btn btn-outline btn-warning dim" type="button" onclick="dingwei(120.045961294, 30.554238193, 30000);">复位
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="addPoint()">画点
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="addPolyline12()">画线
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="addPolyline13()">画面
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="addPolyline14()">画圆
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="addPolyline15()">弧线
</button>
<button class="btn btn-outline btn-danger dim " type="button" onclick="clearAllPan()">删除
</button>
<g class="cesium-animation-rectButton cesium-animation-buttonToggled" transform="translate(84,99)"><rect class="cesium-animation-buttonGlow" width="32" height="32" rx="2" ry="2"></rect><rect class="cesium-animation-buttonMain" width="32" height="32" rx="4" ry="4"></rect><use class="cesium-animation-buttonPath" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#animation_pathPause"></use><title>Pause</title></g>
</div>
</div>
</div>
<div id="map" style="height: 100%;width: 100%;" class="fullSize"></div>
<div id="toolbar">
</div>
<div id="logging">
</div>
<script src="js/Cesium.js"></script>
<script src="js/viewerCesiumNavigationMixin.min.js"></script>
<script src="js/SpirographPositionProperty.js"></script>
<!-- <script type="text/javascript" src="../js/Cesium.js"></script>-->
<script type="text/javascript" src="js/CesiumUtils.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/content.min.js"></script>
<script>
'use strict';
var operation = 0;
var viewer = new Cesium.Viewer(
'map',
{
animation : true,//是否创建动画小器件,左下角仪表
baseLayerPicker : false,//是否显示图层选择器
fullscreenButton : false,//是否显示全屏按钮
geocoder : false,//是否显示geocoder小器件,右上角查询按钮
homeButton : false,//是否显示Home按钮
infoBox : false,//是否显示信息框
sceneModePicker : false,//是否显示3D/2D选择器
selectionIndicator : false,//是否显示选取指示器组件
timeline : false,//是否显示时间轴
navigationHelpButton : false,//是否显示右上角的帮助按钮
scene3DOnly : true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资
- 1
- 2
前往页