forked from tomscholz/geojson-editor
-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
41 lines (40 loc) · 2.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
<title> Baidu Map GeoJSON Editor </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
</head>
<body>
<div id="panel">
<div id="panel-content">
<div id="panel-title">Baidu Map GeoJSON Editor</div>
<a href="https://github.com/lyj289/BaiduMap-geojson-editor">View on Github</a>
<hr/>
<div id="geojson-controls">
<button onclick="document.getElementById('geojson-input').select();" class="btn">Select All</button>
<a id="download-link" href="data:;base64," download="geojson.json" class="btn">
Download
</a>
</div>
<textarea id="geojson-input" placeholder="将GeoJSON 拖放到地图上或者将其粘贴在此处即可开始编辑。"></textarea>
</div>
</div>
<button class="btn" style="position: absolute; left:55%; top:1%; z-index: 10000;" onclick="panelToggle();">Toggle Panel</button>
<div id="map-container" style="width: 64.9%;">
<div id="map-holder"></div>
<div id="drop-container">
<div id="drop-silhouette"></div>
</div>
</div>
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=3ZVyLpepil0fs9wbUeLTFVgpg7T9ETk2&s=1"></script>
<!--加载鼠标绘制工具-->
<script type="text/javascript" src="//api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<!-- <script type="text/javascript" src="https://npmcdn.com/@turf/turf@5.1.6/turf.min.js"></script> -->
<script type="text/javascript" src="https://lyj289.github.io/BaiduMapLib/dist/MapGeo.min.js?v1"></script>
<!-- <script type="text/javascript" src="http://localhost:8090/dist/MapGeo.min.js"></script> -->
<script type="text/javascript" src="js/editor.js"></script>
</body>
</html>