效果:

目录:


源码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>首页</title>
</head>
<body>
<div style="width: 1300px;height: 600px;">
<div style=" position: absolute;left: 10px;top: 10px;
text-align: center;z-index: 999999">
<input type='button' id='btn-zin' onclick="zoomin()" value="放大" />
<input type='button' id='btn-zout' onclick="zoomout()" value="缩小" />
<input type='button' id='btn-init' onclick="mapInit()" value="初始化" />
<input type='button' id='btn-dpoint' onclick="draw_point()" value="绘点" />
<input type='button' id='btn-dline' onclick="draw_line()" value="绘线" />
<input type='button' id='btn-dpolygon' onclick="draw_polygon()" value="绘面" />
<input type='button' id='btn-deactive' onclick="deactiveAll()" value="取消事件" title="取消绘点、绘线、绘面事件" />
<input type='button' id='btn-clear' onclick="clearFeatures()" value="清除" />
<input type='button' id='btn-dpolyLine' onclick="draw_plotLine()" value="绘轨迹线" title="绘轨迹线,起终点及动态人物" />
<input type='button' id='btn-dpolygon' onclick="addMarKerData()" value="添加marker" />
</div>