This repository was archived by the owner on Nov 30, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Expand file tree
/
Copy pathtwo-maps.html
More file actions
95 lines (90 loc) · 4.58 KB
/
two-maps.html
File metadata and controls
95 lines (90 loc) · 4.58 KB
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
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id='ng-app' ng-app="angular-google-maps-example">
<head>
<meta charset="UTF-8">
<title>angular-google-maps example page</title>
<!-- See https://rawgithub.com/ as it returns the correct mimetypes that are requested from github.-->
<!-- make IE Happy , http://docs.angularjs.org/guide/ie -->
<!--[if lte IE 9]>
<script>
window.html5 = {
'elements': 'marker window windows markers layer polyline marker-label ng-controller ng-repeat ng-init ng-model ng-hide ng-show'
};
</script>
<script src="https://rawgithub.com/bestiejs/json3/v3.2.5a/lib/json3.min.js"></script>
<script src="https://rawgithub.com/kriskowal/es5-shim/v2.1.0/es5-shim.min.js"></script>
<script src="https://rawgithub.com/jwmcpeak/EventShim/master/eventShim.js"></script>
<script src="https://rawgithub.com/aFarkas/html5shiv/3.7.0/src/html5shiv.js"></script>
<![endif]-->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"
type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,600,300,700'
rel='stylesheet' type='text/css'>
<link href="assets/stylesheets/example.css" rel="stylesheet" type="text/css">
</head>
<body ng-controller="DebugController" ng-cloak>
<!-- You can use either a div having class 'google-map' or the '<ui-gmap-google-map>' element; in
the latter case, uncomment the style above to make sure the custom elements gets block display -->
<div class="page-title" ng-cloak>
<h2 ng-cloak>angular-google-maps example {{version}}</h2>
</div>
<div class="container">
<div class="row">
<button class="col-md-2 btn btn-success" ng-click="map.refresh()">Refresh Map</button>
<div class="col-md-4"></div>
<button class="col-md-2 btn btn-success" ng-click="map2.refresh()">Refresh Map2</button>
</div>
<div class="row">
<ui-gmap-google-map class="col-md-6"
center="map.center"
zoom="map.zoom"
options="map.options"
dragging="map.dragging"
control="map.control"
ng-cloak
>
<ui-gmap-marker coords="map.marker2" idkey="map.marker2.id" >
<ui-gmap-window isIconVisibleOnClick="true">
<p ng-cloak>Marker , MAP 1 Clicked on me2!</p>
</ui-gmap-window>
</ui-gmap-marker>
</ui-gmap-google-map>
<!-- ng-if to remove and replace from dom completley see issue #76 thanks facultymatt-->
<ui-gmap-google-map
ng-if="map2.showMap"
class="col-md-6"
center="map2.center"
zoom="map2.zoom"
dragging="map2.dragging"
control="map2.control"
ng-cloak>
<ui-gmap-marker coords="map2.marker2" idkey="map2.marker2.id">
<ui-gmap-window isIconVisibleOnClick="true">
<p ng-cloak>Marker 2Clicked on me2!</p>
</ui-gmap-window>
</ui-gmap-marker>
<ui-gmap-marker ng-repeat="m in map2.markers3" icon="m.icon" coords="m.coords" click="map2.onMarkerClick(m)" idkey="m.id">
<ui-gmap-window show="m.show" ng-cloak>
<p>
Latitude: {{m.coords.latitude}}<br/>
Longitude: {{m.coords.longitude}}<br/>
Last signal: <strong>{{m.lastSignal}}</strong>
</p>
</ui-gmap-window>
</ui-gmap-marker>
</ui-gmap-google-map>
</div>
</div>
<!-- BOOTSTRAP NEEDS JQUERY-->
<!-- <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> -->
<script src="http://maps.googleapis.com/maps/api/js?libraries=weather,visualization&language=en&v=3.13"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script src="../website_libs/dev_deps.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js" type="text/javascript"></script>
<script src="http://cdn.rawgit.com/nmccready/angular-simple-logger/0.0.1/dist/index.js"></script><script src="../dist/angular-google-maps_dev_mapped.js"></script>
<script src="assets/scripts/mocks/heat-layer.js"></script>
<script src="assets/scripts/controllers/two-maps.js"></script>
<script src="assets/scripts/controllers/templates/info.js"></script>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>