-
Notifications
You must be signed in to change notification settings - Fork 21
/
test3.html
42 lines (37 loc) · 6.02 KB
/
test3.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
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Blitz Gmap Editor - Test 1 - Load map from String</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=drawing" type="text/javascript"></script>
<script src="jscolor/jscolor.js" type="text/javascript"></script>
<script src="json2.js" type="text/javascript"></script>
<script src="xmlwriter.js" type="text/javascript"></script>
<script src="blitz.gmap3.js" type="text/javascript"></script>
<script type="text/javascript">
var BlitzMap1 = new BlitzMap();
//google.maps.event.addDomListener(window, "load", BlitzMap1.init);
var BlitzMap2 = new BlitzMap();
//google.maps.event.addDomListener(window, "load", BlitzMap2.init);
</script>
</head>
<body>
<h1>Blitz Gmap Editor - Test 3 - Multiple Maps</h1>
<h2>Map: 1</h2>
<input type="button" value="Generate Map Text" onclick="BlitzMap1.toJSONString()" />
<div id="myMap1" style="height:400px; width:100%;"></div>
<textarea id="mapData1" style="width:100%; height:300px">{"zoom":8,"tilt":0,"mapTypeId":"hybrid","center":{"lat":19.661986934694465,"lng":73.22113037500002},"overlays":[{"type":"polygon","title":"","content":"","fillColor":"#000000","fillOpacity":0.3,"strokeColor":"#000000","strokeOpacity":0.9,"strokeWeight":3,"paths":[[{"lat":"20.556938183898218","lng":"71.90826416406253"},{"lat":"20.381963425251477","lng":"71.85333252343753"},{"lat":"20.376814093040196","lng":"72.21588135156253"}],[{"lat":"20.65977110069927","lng":"71.89178467187503"},{"lat":"20.394836003478602","lng":"72.34497070703128"},{"lat":"20.16038735714587","lng":"72.18017578515628"},{"lat":"20.294401423556447","lng":"71.72424316796878"}]]},{"type":"rectangle","title":"test rect","content":"rect desc","fillColor":"#F6FC38","fillOpacity":0.7,"strokeColor":"#358BCC","strokeOpacity":0.9,"strokeWeight":3,"bounds":{"sw":{"lat":18.814017707054525,"lng":72.13348389062503},"ne":{"lat":19.11532671959476,"lng":72.64434814843753}}},{"type":"circle","title":"test circ","content":"circ desc","fillColor":"#FC2B2B","fillOpacity":0.3,"strokeColor":"#622EC9","strokeOpacity":0.9,"strokeWeight":3,"center":{"lat":18.90238877443504,"lng":73.84735107812503},"radius":27712.43672177303},{"type":"marker","title":"logo","content":"my company","icon":"http://possible.in/images/logo.png","position":{"lat":19.032261432855766,"lng":73.02337646875003}},{"type":"polyline","title":"my polyline","content":"here is my polyline","strokeColor":"#000000","strokeOpacity":1,"strokeWeight":3,"path":[{"lat":"19.340949142514425","lng":"71.54571533593753"},{"lat":"19.615424264931107","lng":"71.71051025781253"},{"lat":"19.39277245308109","lng":"72.01812744531253"},{"lat":"19.729220254878967","lng":"72.25433350000003"},{"lat":"19.429038958234003","lng":"72.43011475000003"},{"lat":"19.817098064313452","lng":"72.64434814843753"},{"lat":"19.434219227004117","lng":"72.98492432031253"},{"lat":"19.82743344216027","lng":"73.23211670312503"},{"lat":"19.397953877532046","lng":"73.56719971093753"},{"lat":"19.775749837017962","lng":"73.81439209375003"},{"lat":"19.475655425209734","lng":"74.07257080468753"},{"lat":"19.84293524850871","lng":"74.29779053125003"},{"lat":"19.460118091429095","lng":"74.57794189843753"}]}]}</textarea>
<script type="text/javascript">
BlitzMap1.setMap( 'myMap1', false, 'mapData1' );
</script>
<br/><br/>
<h2>Map: 2</h2>
<input type="button" value="Generate Map Text" onclick="BlitzMap2.toJSONString()" />
<div id="myMap2" style="height:400px; width:100%;"></div>
<textarea id="mapData2" style="width:100%; height:300px">{"zoom":4,"tilt":0,"mapTypeId":"hybrid","center":{"lat":19.661986934694465,"lng":73.22113037500002},"overlays":[{"type":"polygon","title":"","content":"","fillColor":"#000000","fillOpacity":0.3,"strokeColor":"#000000","strokeOpacity":0.9,"strokeWeight":3,"paths":[[{"lat":"20.556938183898218","lng":"71.90826416406253"},{"lat":"20.381963425251477","lng":"71.85333252343753"},{"lat":"20.376814093040196","lng":"72.21588135156253"}],[{"lat":"20.65977110069927","lng":"71.89178467187503"},{"lat":"20.394836003478602","lng":"72.34497070703128"},{"lat":"20.16038735714587","lng":"72.18017578515628"},{"lat":"20.294401423556447","lng":"71.72424316796878"}]]},{"type":"rectangle","title":"test rect","content":"rect desc","fillColor":"#F6FC38","fillOpacity":0.7,"strokeColor":"#358BCC","strokeOpacity":0.9,"strokeWeight":3,"bounds":{"sw":{"lat":18.814017707054525,"lng":72.13348389062503},"ne":{"lat":19.11532671959476,"lng":72.64434814843753}}},{"type":"circle","title":"test circ","content":"circ desc","fillColor":"#FC2B2B","fillOpacity":0.3,"strokeColor":"#622EC9","strokeOpacity":0.9,"strokeWeight":3,"center":{"lat":18.90238877443504,"lng":73.84735107812503},"radius":27712.43672177303},{"type":"marker","title":"logo","content":"my company","icon":"http://possible.in/images/logo.png","position":{"lat":19.032261432855766,"lng":73.02337646875003}},{"type":"polyline","title":"my polyline","content":"here is my polyline","strokeColor":"#000000","strokeOpacity":1,"strokeWeight":3,"path":[{"lat":"19.340949142514425","lng":"71.54571533593753"},{"lat":"19.615424264931107","lng":"71.71051025781253"},{"lat":"19.39277245308109","lng":"72.01812744531253"},{"lat":"19.729220254878967","lng":"72.25433350000003"},{"lat":"19.429038958234003","lng":"72.43011475000003"},{"lat":"19.817098064313452","lng":"72.64434814843753"},{"lat":"19.434219227004117","lng":"72.98492432031253"},{"lat":"19.82743344216027","lng":"73.23211670312503"},{"lat":"19.397953877532046","lng":"73.56719971093753"},{"lat":"19.775749837017962","lng":"73.81439209375003"},{"lat":"19.475655425209734","lng":"74.07257080468753"},{"lat":"19.84293524850871","lng":"74.29779053125003"},{"lat":"19.460118091429095","lng":"74.57794189843753"}]}]}</textarea>
<script type="text/javascript">
BlitzMap2.setMap( 'myMap2', false, 'mapData2' );
</script>
</body>
</html>