allpositions.blade.php 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Document</title>
  6. <style>
  7. /* Always set the map height explicitly to define the size of the div
  8. * element that contains the map. */
  9. #map {
  10. height: 100%;
  11. }
  12. /* Optional: Makes the sample page fill the window. */
  13. html, body {
  14. height: 100%;
  15. margin: 0;
  16. padding: 0;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="map"></div>
  22. <script>
  23. var map;
  24. function initMap() {
  25. map = new google.maps.Map(document.getElementById('map'), { /*
  26. center: {lat: 36.84975, lng: 49.97095},*/
  27. zoom: 15
  28. });
  29. }
  30. </script>
  31. <ul>
  32. @foreach ($users as $user)
  33. <li>
  34. <a href="{{route('user.position', $user->id)}}">{{ $user->name }}</a>
  35. </li>
  36. @endforeach
  37. </ul>
  38. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8gUrKIK6UryDcJOEZD9V3fxpdDk8s4Lo&callback=initMap"
  39. async defer></script>
  40. </body>
  41. </html>