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 pathissue-154-marker-fit.html
More file actions
82 lines (72 loc) · 4.19 KB
/
issue-154-marker-fit.html
File metadata and controls
82 lines (72 loc) · 4.19 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
<!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="controller">
<!-- 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 ">
<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>
<div class="row">
<ui-gmap-google-map class="col-md-12"
center="map.center"
zoom="map.zoom"
dragging="map.dragging"
draggable="true"
control="map.control">
<ui-gmap-marker ng-repeat="m in map.dynamicMarkers" coords='m' icon='m.icon' ng-click='onMarkerClicked(m)'
fit="true" idkey='m.id'>
<ui-gmap-window show="m.showWindow" closeClick="'closeClick'" ng-cloak>
<div ng-controller="InfoController">
<a href="javascript:void(0)" ng-click="clickedButtonInWindow()">hit me</a>
<p>This is an info window at {{ m.latitude | number:4 }}, {{ m.longitude | number:4 }}!</p>
<p class="muted">My marker will stay open when the window is popped up!</p>
</div>
</ui-gmap-window>
</ui-gmap-marker>
<!-- <ui-gmap-markers models="map.dynamicMarkers" coords="'self'" icon="'icon'" click="'onClicked'" fit='true'>
<ui-gmap-windows show="'showWindow'" closeClick="'closeClick'" ng-cloak>
<p>Dynamic Marker created via a delay!</p>
<p ng-non-bindable>This is an info window at {{ latitude | number:4 }}, {{ longitude | number:4 }}!</p>
<p class="muted">My marker will stay open when the window is popped up!</p>
</ui-gmap-windows>
</ui-gmap-markers> -->
</ui-gmap-google-map>
</div>
</div>
<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.2.26/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.js"></script>
<script src="assets/scripts/mocks/heat-layer.js"></script>
<script src="assets/scripts/controllers/issue-154-marker-fit.js"></script>
<script src="assets/scripts/controllers/templates/info.js"></script>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>