-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (84 loc) · 4.46 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<link type="text/css" href="css/area.css" rel="stylesheet" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="js/area.js"></script>
<script type="text/javascript">
// initialize the whole thing by calling initialize()
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<title>Online area editor</title>
</head>
<body>
<div id="map_canvas" style="width:100%; height:100%"></div>
<!-- dialogs -->
<div id="file_open_dialog" style="display:none">
<form action="import.php" method="post" enctype="multipart/form-data" target="upload_target" id="import_form">
Supported file formats: .osm<br />
<input type="file" name="import_file" id="import_file" /><br /><br />
<input type="submit" id="open_button" name="" value="Open" class="button" />
</form>
</div>
<div id="file_save_dialog" style="display:none">
<form action="export.php" method="post" id="export_form">
<input type="hidden" name="map-bounds" value="" id="export_map_bounds" />
Choose format:<br />
<input type="radio" name="format" value="osm" checked="" id="export_format_osm"> <label for="export_format_osm">OSM (Openstreetmap)</label><br />
<input type="radio" name="format" value="svg_osmarender" id="export_format_svg_osmarender"> <label for="export_format_svg_osmarender">SVG (Osmarender)</label><br /><br />
<textarea id="pois_json" name="pois" style="display:none"></textarea>
<textarea id="areas_json" name="areas" style="display:none"></textarea>
<input type="submit" name="" value="Save" id="save_button" class="button" />
</form>
</div>
<div id="print_dialog" style="display:none">
<form action="print.php" method="post" id="print_form" target="print_window">
<input type="hidden" name="map-type" value="" id="print_map_type" />
<input type="hidden" name="map-center" value="" id="print_map_center" />
<input type="hidden" name="map-zoom" value="" id="print_map_zoom" />
<input type="hidden" name="map-bounds" value="" id="print_map_bounds" />
<textarea id="print_areas_json" name="areas" style="display:none"></textarea>
<textarea id="print_pois_json" name="pois" style="display:none"></textarea>
Map format:<br />
<input type="radio" name="format" value="dyn" checked="" id="print_format_dyn"> <label for="print_format_dyn">Google Maps API</label><br />
<input type="radio" name="format" value="svg_osmarender" id="print_format_svg_osmarender"> <label for="print_format_svg_osmarender">SVG (Osmarender)</label><br /><br />
<input type="submit" name="" value="Print" id="print_button" class="button" />
</form>
</div>
<div id="help_dialog" style="display:none">
<p>
This is the online area editor.
</p>
<h2>Files</h2>
<p>
There is no database support in the online area editor. However,
you can import and export data using files.
</p>
<h2>How to edit</h2>
<p>
<img src="images/help_control1.png" width="107" height="40" alt="control" style="float: right"/>
From the right side you can select which layer you are editing.
You can edit only one layer at a time. By clicking the eye icon
you can hide or show the layer on the map.
</p>
<p>
Clicking the map with shift key down you can add / remove POIs or
boundaries of areas. Clicking the area you can activate
it, and clicking an activated area you can edit its data.
Clicking POIs you can edit their data.
</p>
<p>You can get more help reading the <a href="doc/en/userguide.html" target="_blank">User's guide</a></p>
<p>
This software is open source. The source code is available on <a href="https://github.com/iqqmuT/area-editor">github</a>.
</p>
</div>
<!-- hidden iframe for ajax file upload -->
<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff; display: none"></iframe>
</body>
</html>