<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>gispace plot4ol3 V1.0</title>
<link rel="stylesheet" href="defaults.css">
<script src="ol3/ol-debug.js" type="text/javascript"></script>
<script src="goog/base.js"></script>
<script src="gispace/plot4ol3.js"></script>
<script src="app.js"></script>
</head>
<body onload="init()">
<div id="map"></div>
<div id="header">
<p id="logoandtitle">GISpace动态标绘演示系统 V1.0（for OL3）<span id="aboutLabel" onclick="showAbout()">关 于</span></p>
<p id="version">— powered by Plot API V1.0 for OL3</p>
</div>
<div id="menu">
<div>
线标
<button type="button" onclick="activate(gispace.PlotTypes.ARC)">弧线</button>
<button type="button" onclick="activate(gispace.PlotTypes.CURVE)">曲线</button>
</div>
<div>
面标
<button type="button" onclick="activate(gispace.PlotTypes.CIRCLE)">圆</button>
<button type="button" onclick="activate(gispace.PlotTypes.ELLIPSE)">椭圆</button>
<button type="button" onclick="activate(gispace.PlotTypes.LUNE)">弓形</button>
<button type="button" onclick="activate(gispace.PlotTypes.SECTOR)">扇形</button>
<button type="button" onclick="activate(gispace.PlotTypes.CLOSED_CURVE)">曲线面</button>
<button type="button" onclick="activate(gispace.PlotTypes.GATHERING_PLACE)">集结地</button>
</div>
<div>
箭头
<button type="button" onclick="activate(gispace.PlotTypes.DOUBLE_ARROW)">钳击</button>
<button type="button" onclick="activate(gispace.PlotTypes.STRAIGHT_ARROW)">直箭头</button>
<button type="button" onclick="activate(gispace.PlotTypes.FINE_ARROW)">细直箭头</button>
<button type="button" onclick="activate(gispace.PlotTypes.ASSAULT_DIRECTION)">突击方向</button>
<button type="button" onclick="activate(gispace.PlotTypes.ATTACK_ARROW)">进攻方向</button>
<button type="button" onclick="activate(gispace.PlotTypes.TAILED_ATTACK_ARROW)">进攻方向（尾）</button>
<button type="button" onclick="activate(gispace.PlotTypes.SQUAD_COMBAT)">分队战斗行动</button>
<button type="button" onclick="activate(gispace.PlotTypes.TAILED_SQUAD_COMBAT)">分队战斗行动（尾）</button>
</div>
</div>
<div id="aboutContainer">
<div id="aboutTitle">关于...<span id="closeBtn" onclick="hideAbout()">X</span></div>
<div id="aboutContent">
<p class="aboutText">伴随着全国信息化进程的不断推进，以GIS为基础的动态标绘、资源部署、情报展示、应急指挥等可视化动态图形展示在应急、军事、海洋、地震、民政等行业得到越来越多的应用。标绘已经成为一种新的数据表达方式。</p>
<p class="aboutText">plot4ol3是GISpace动态标绘的OpenLayers3版本，旨在为基于开源GIS技术的项目提供标绘API（<a href="http://gispace.duapp.com/plotdemo/">ArcGIS Flex版本</a>）。当前版本实现了常用符号的绘制，下一版本将实现符号编辑、序列化和反序列化。</p>
<p class="aboutText">欢迎使用和反馈，开发者：@平凡的世界 （QQ：21587252）</p>
</div>
</div>
</body>
</html>
动态标绘演示系统1.0（for OpenLayers3）
5星 · 超过95%的资源 需积分: 11 65 浏览量
2014-10-08
12:37:14
上传
评论 22
收藏 655KB ZIP 举报 
plot4ol3_demo.zip （7个子文件） 
plot4ol3_demo 
index.html 3KB goog 
base.js 73KB gispace plot4ol3.js 31KB app.js 2KB assets 
pencil.png 5KB defaults.css 2KB ol3 ol-debug.js 3.43MB
评论30
最新资源