最近接到一个任务,即如可视化空域展示。
即需要在地图上展示出线、多边形、扇形和圆。
效果如下
代码如下
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
<style type="text/css">
body, html {
width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-family:"微软雅黑";}
#allmap{
width:100%;height:96%;}
p{
margin-left:5px; font-size:14px;}
/*下面的是地图*/
#auxiliary {
z-index: 100;
position: fixed;
right: 1px;
top: 8%;
background-color: transparent;
margin-top: -30px;
}
#allmap {
position:relative}
</style>
<body>
<div id="allmap"></div>