7
7
<!-- make IE Happy , http://docs.angularjs.org/guide/ie -->
8
8
<!--[if lte IE 9]>
9
9
<script>
10
- window.html5 = {
10
+ window.html5 = {
11
11
'elements': 'marker window windows markers layer polyline ng-controller ng-repeat ng-init ng-model ng-hide ng-show'
12
12
};
13
- </script>
13
+ </script>
14
14
15
15
<script src="https://rawgithub.com/bestiejs/json3/v3.2.5a/lib/json3.min.js"></script>
16
16
<script src="https://rawgithub.com/kriskowal/es5-shim/v2.1.0/es5-shim.min.js"></script>
27
27
28
28
< body ng-controller ="ExampleController ">
29
29
<!-- You can use either a div having class 'google-map' or the '<ui-gmap-google-map>' element; in
30
- the latter case, uncomment the style above to make sure the custom elements gets block display -->
30
+ the latter case, uncomment the style above to make sure the custom elements gets block display -->
31
31
32
32
< div class ="container-fluid ">
33
33
< div class ="row-fluid ">
@@ -105,7 +105,7 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
105
105
</ ui-gmap-markers >
106
106
107
107
< ui-gmap-markers models ="map.clickMarkers " coords ="'self' " click ="clackMarker ">
108
- </ ui-gmap-markers >
108
+ </ ui-gmap-markers >
109
109
110
110
< ui-gmap-markers models ="map.dynamicMarkers " coords ="'self' " icon ="'icon' " click ="'onClicked' " fit ='true '>
111
111
< ui-gmap-windows show ="'showWindow' " closeClick ="'closeClick' " ng-cloak >
@@ -269,14 +269,14 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
269
269
< tr >
270
270
< td > center</ td >
271
271
< td >
272
- < pre ng-cloak >
273
- < span ng-show ="map.center.latitude >= 0 ">
274
- </ span >
275
- {{ map.center.latitude | number:4 }} lat
276
- < br >
277
- < span ng-show ="map.center.longitude >= 0 ">
278
- </ span > {{ map.center.longitude | number:4 }} lng
279
- </ pre >
272
+ < pre ng-cloak >
273
+ < span ng-show ="map.center.latitude >= 0 ">
274
+ </ span >
275
+ {{ map.center.latitude | number:4 }} lat
276
+ < br >
277
+ < span ng-show ="map.center.longitude >= 0 ">
278
+ </ span > {{ map.center.longitude | number:4 }} lng
279
+ </ pre >
280
280
</ td >
281
281
</ tr >
282
282
< tr >
@@ -287,10 +287,10 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
287
287
< td > bounds</ td >
288
288
< td >
289
289
< pre ng-cloak >
290
- north-east: {{ map.bounds.northeast.latitude | number:4 }},{{ map.bounds.northeast.longitude | number:4 }}
291
- < br >
292
- south-west: {{ map.bounds.southwest.latitude | number:4 }},{{ map.bounds.southwest.longitude | number:4 }}
293
- </ pre >
290
+ north-east: {{ map.bounds.northeast.latitude | number:4 }},{{ map.bounds.northeast.longitude | number:4 }}
291
+ < br >
292
+ south-west: {{ map.bounds.southwest.latitude | number:4 }},{{ map.bounds.southwest.longitude | number:4 }}
293
+ </ pre >
294
294
</ td >
295
295
</ tr >
296
296
< tr >
@@ -300,14 +300,14 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
300
300
< tr >
301
301
< td > clicked position</ td >
302
302
< td >
303
- < pre ng-show ="map.clickedMarker.latitude != null && map.clickedMarker.longitude != null " ng-cloak >
304
- < span ng-show ="map.clickedMarker.latitude >= 0 ">
305
- </ span >
306
- {{ map.clickedMarker.latitude | number:4 }} lat
307
- < br >
308
- < span ng-show ="map.clickedMarker.longitude >= 0 "> </ span >
309
- {{ map.clickedMarker.longitude | number:4 }} lng
310
- </ pre >
303
+ < pre ng-show ="map.clickedMarker.latitude != null && map.clickedMarker.longitude != null " ng-cloak >
304
+ < span ng-show ="map.clickedMarker.latitude >= 0 ">
305
+ </ span >
306
+ {{ map.clickedMarker.latitude | number:4 }} lat
307
+ < br >
308
+ < span ng-show ="map.clickedMarker.longitude >= 0 "> </ span >
309
+ {{ map.clickedMarker.longitude | number:4 }} lng
310
+ </ pre >
311
311
< span ng-show ="map.clickedMarker.latitude == null || map.clickedMarker.longitude == null "> Click the map to see</ span >
312
312
</ td >
313
313
</ tr >
@@ -320,32 +320,32 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
320
320
< a href ="# ">
321
321
< i class ="i " title ="Click me to Show InfoWindow! ">
322
322
< span class ="{{p.visible}} " ng-click ="p.visible = !p.visible "> Polyline:</ span > {< br />
323
- < span style ="padding-left: 5em " class ="{{p.visible}} "
323
+ < span style ="padding-left: 5em " class ="{{p.visible}} "
324
324
ng-click ="p.visible = !p.visible "> visible: {{p.visible}}</ span > , < br />
325
- < span style ="padding-left: 5em " class ="{{p.editable}} "
325
+ < span style ="padding-left: 5em " class ="{{p.editable}} "
326
326
ng-click ="p.editable = !p.editable "> editable: {{p.editable}}</ span > ,
327
327
< br />
328
- < span style ="padding-left: 5em " class ="{{p.draggable}} "
328
+ < span style ="padding-left: 5em " class ="{{p.draggable}} "
329
329
ng-click ="p.draggable = !p.draggable "> draggable: {{p.draggable}}</ span > ,
330
330
< br />
331
- < span style ="padding-left: 5em " class ="{{p.geodesic}} "
331
+ < span style ="padding-left: 5em " class ="{{p.geodesic}} "
332
332
ng-click ="p.geodesic = !p.geodesic "> geodesic: {{p.geodesic}}</ span > ,
333
333
< br />
334
334
< span style ="padding-left: 5em "> stroke: {</ span > < br />
335
- < span ng-click ="p.stroke.weight = (p.stroke.weight % 5) +1 "
335
+ < span ng-click ="p.stroke.weight = (p.stroke.weight % 5) +1 "
336
336
style ="padding-left: 10em "> weight: {{p.stroke.weight}}</ span > < br />
337
- < span ng-click ="p.stroke.color = toggleColor(p.stroke.color) "
337
+ < span ng-click ="p.stroke.color = toggleColor(p.stroke.color) "
338
338
style ="padding-left: 10em "> color: {{p.stroke.color}}</ span > < br />
339
339
< span style ="padding-left: 5em "> },</ span > < br />
340
340
< span style ="padding-left: 5em "> path: [ </ span > < br />
341
- < span style ="padding-left: 10em " class ="false " ng-repeat ="pt in p.path "
341
+ < span style ="padding-left: 10em " class ="false " ng-repeat ="pt in p.path "
342
342
ng-click ="p.path.splice($index,1) ">
343
- {
344
- latitude:{{pt.latitude | number:2}},
345
- longitude:{{pt.longitude | number:2}}
346
- },
347
- < br />
348
- </ span >
343
+ {
344
+ latitude:{{pt.latitude | number:2}},
345
+ longitude:{{pt.longitude | number:2}}
346
+ },
347
+ < br />
348
+ </ span >
349
349
< span style ="padding-left: 5em "> ] </ span > < br />
350
350
351
351
}
@@ -411,55 +411,55 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
411
411
</ td >
412
412
</ tr >
413
413
< tr >
414
- < td > polygons</ td >
415
- < td >
416
- < div class ="well sidebar-nav ">
417
- < ul class ="nav nav-list ">
418
- < li ng-repeat ="p in map.polygons ">
419
- < a href ="# ">
414
+ < td > polygons</ td >
415
+ < td >
416
+ < div class ="well sidebar-nav ">
417
+ < ul class ="nav nav-list ">
418
+ < li ng-repeat ="p in map.polygons ">
419
+ < a href ="# ">
420
420
< i class ="i " title ="Click me to Show InfoWindow! ">
421
421
< span class ="{{p.visible}} " ng-click ="p.visible = !p.visible "> Polygon:</ span > {< br />
422
- < span style ="padding-left: 5em " class ="{{p.visible}} "
422
+ < span style ="padding-left: 5em " class ="{{p.visible}} "
423
423
ng-click ="p.visible = !p.visible "> visible: {{p.visible}}</ span > , < br />
424
- < span style ="padding-left: 5em " class ="{{p.editable}} "
424
+ < span style ="padding-left: 5em " class ="{{p.editable}} "
425
425
ng-click ="p.editable = !p.editable "> editable: {{p.editable}}</ span > ,
426
426
< br />
427
- < span style ="padding-left: 5em " class ="{{p.draggable}} "
427
+ < span style ="padding-left: 5em " class ="{{p.draggable}} "
428
428
ng-click ="p.draggable = !p.draggable "> draggable: {{p.draggable}}</ span > ,
429
429
< br />
430
- < span style ="padding-left: 5em " class ="{{p.geodesic}} "
430
+ < span style ="padding-left: 5em " class ="{{p.geodesic}} "
431
431
ng-click ="p.geodesic = !p.geodesic "> geodesic: {{p.geodesic}}</ span > ,
432
432
< br />
433
433
< span style ="padding-left: 5em "> stroke: {</ span > < br />
434
- < span ng-click ="p.stroke.weight = (p.stroke.weight % 5) +1 "
434
+ < span ng-click ="p.stroke.weight = (p.stroke.weight % 5) +1 "
435
435
style ="padding-left: 10em "> weight: {{p.stroke.weight}}</ span > < br />
436
- < span ng-click ="p.stroke.color = toggleColor(p.stroke.color) "
436
+ < span ng-click ="p.stroke.color = toggleColor(p.stroke.color) "
437
437
style ="padding-left: 10em "> color: {{p.stroke.color}}</ span > < br />
438
438
< span style ="padding-left: 5em "> },</ span > < br />
439
439
< span style ="padding-left: 5em "> path: [ </ span > < br />
440
- < span style ="padding-left: 10em " class ="false " ng-repeat ="pt in p.path "
440
+ < span style ="padding-left: 10em " class ="false " ng-repeat ="pt in p.path "
441
441
ng-click ="p.path.splice($index,1) ">
442
- {
443
- latitude:{{pt.latitude | number:2}},
444
- longitude:{{pt.longitude | number:2}}
445
- },
446
- < br />
447
- </ span >
442
+ {
443
+ latitude:{{pt.latitude | number:2}},
444
+ longitude:{{pt.longitude | number:2}}
445
+ },
446
+ < br />
447
+ </ span >
448
448
< span style ="padding-left: 5em "> ] </ span > < br />
449
449
450
450
}
451
451
</ i >
452
452
</ a >
453
- </ li >
454
- </ ul >
455
- </ div >
453
+ </ li >
454
+ </ ul >
455
+ </ div >
456
456
</ tbody >
457
457
</ table >
458
458
</ fieldset >
459
459
</ div >
460
460
</ div >
461
461
</ div >
462
- < script src ="../bower_components/ bluebird/js/browser/ bluebird.js "> </ script >
462
+ < script src ="//cdnjs.cloudflare.com/ajax/libs/ bluebird/1.2.2/ bluebird.min .js "> </ script >
463
463
< script src ="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js "> </ script >
464
464
< script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js "> </ script >
465
465
< script src ="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js "> </ script >
0 commit comments