infowindow-simple-max.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html ng-app="ngMap">
  3. <head>
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  5. <script src="https://maps.google.com/maps/api/js?sensor=false"></script>
  6. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.js"></script>
  7. <!-- build:js scripts/ng-map.min.js -->
  8. <script src="../app/scripts/app.js"></script>
  9. <script src="../app/scripts/directives/map_controller.js"></script>
  10. <script src="../app/scripts/directives/map.js"></script>
  11. <script src="../app/scripts/directives/marker.js"></script>
  12. <script src="../app/scripts/directives/shape.js"></script>
  13. <script src="../app/scripts/directives/info-window.js"></script>
  14. <script src="../app/scripts/services/geo_coder.js"></script>
  15. <script src="../app/scripts/services/navigator_geolocation.js"></script>
  16. <script src="../app/scripts/services/attr2_options.js"></script>
  17. <!-- endbuild -->
  18. </head>
  19. <body>
  20. <div>
  21. Info Windows<br/>
  22. This example displays a marker at the center of Australia.
  23. When the user clicks the marker, an info window opens.
  24. <map center="-25.363882,131.044922" zoom="4">
  25. <marker id="foo" position="-25.363882,131.044922"
  26. on-click="showInfoWindow(event, 'bar')">
  27. </marker>
  28. <info-window id="bar" max-width="200" visible-on-marker="foo">
  29. <div ng-non-bindable>
  30. <div id="siteNotice"></div>
  31. <h1 id="firstHeading" class="firstHeading">Uluru</h1>
  32. <div id="bodyContent">
  33. <p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large
  34. sandstone rock formation in the southern part of the
  35. Northern Territory, central Australia. It lies 335&#160;km (208&#160;mi)
  36. south west of the nearest large town, Alice Springs; 450&#160;km
  37. (280&#160;mi) by road. Kata Tjuta and Uluru are the two major
  38. features of the Uluru - Kata Tjuta National Park. Uluru is
  39. sacred to the Pitjantjatjara and Yankunytjatjara, the
  40. Aboriginal people of the area. It has many springs, waterholes,
  41. rock caves and ancient paintings. Uluru is listed as a World
  42. Heritage Site.</p>
  43. <p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">
  44. http://en.wikipedia.org/w/index.php?title=Uluru</a>
  45. (last visited June 22, 2009).</p>
  46. </div>
  47. </div>
  48. </info-window>
  49. </map>
  50. </div>
  51. </body>
  52. </html>