daily pastebin goal
18%
SHARE
TWEET

Untitled

artista001 May 17th, 2018 287 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width= device-width">
  6.  
  7. <link rel="stylesheet" href="style.css">
  8.  
  9.  
  10.       <?php
  11.     function get_all_locations(){   $dbServername= "localhost";
  12. $dbUsername = "root";
  13. $dbPassword= "";
  14. $dbName= "purities";
  15. $conn= mysqli_connect($dbServername,$dbUsername,$dbPassword,$dbName);
  16. $sql= "SELECT * FROM information";
  17.  
  18. $result = mysqli_query($conn,$sql);
  19. $rows = array();
  20. while($r = mysqli_fetch_assoc($sqldata)) {
  21.        $rows[] = $r;
  22.  
  23.    
  24. }
  25. }
  26. $markers = json_encode( $locations );
  27.  
  28.        ?>
  29.      
  30.    
  31. <title>Project Purity</title>
  32. </head>
  33. <body>
  34. <header>
  35. <div class="container">
  36.     <div id="branding">
  37.     <h1><span class="highlight">Project Purity</span></h1>
  38.     </div>
  39.     <nav>
  40.     <ul>
  41.     <li class= "current"> <a href="index.html">KRYEFAQJA</a></li>
  42.     <li> <a href="about.html">PËR NE</a></li>
  43.     <li> <a href="bashkpunimi.html">KONTAKT</a></li>
  44.    
  45.    
  46.     </ul>
  47.     </nav>
  48. </div>
  49. </header>
  50.  
  51. <section id="boxes">
  52. <div class="box">
  53. <p > LEGJENDA: </p>
  54. <img src="./img/red.png" style="width:30;height:30px;" >
  55. <h3> I Papijshëm</h3>
  56. </div>
  57. <div class="box"> <img src="./img/orange.png" style="width:30;height:30px;">
  58. <h3>Orta</h3>
  59. </div>
  60.  
  61. <div class="box">
  62. <img src="./img/green.png" style="width:30;height:30px;">
  63. <h3>I Pastërt</h3>
  64. </div>
  65. </section>
  66.  
  67. <div id="map" ></div
  68.    
  69.     <script>
  70.     /*parseFloat('<?php echo $lng;?>')*/
  71.  
  72.    
  73.  
  74. // var ar = JSON.parse(<?php echo $markers?>);
  75.  
  76. function myMap() {
  77.  
  78.         var latlng = new google.maps.LatLng(42.0069, 20.9715 );
  79.         var myOptions = {
  80.             zoom: 10,
  81.             center: latlng,
  82.             mapTypeId: google.maps.MapTypeId.ROADMAP,
  83.             mapTypeControl: false
  84.         };
  85.  
  86.         var map = new google.maps.Map(document.getElementById("map"),myOptions);
  87.  
  88.        
  89.     }
  90.    
  91.  
  92.  var locations = <?php get_all_locations() ?>;
  93.     var i ;
  94.         for (i = 0; i < locations.length; i++) {
  95.  
  96.            marker = new google.maps.Marker({
  97.                position: new google.maps.LatLng(locations[i][1], locations[i][2]),
  98.                map: map
  99.            });
  100.     </script>
  101. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBTpqagEkb37XfET0LDs5phyXY8Ri4oNn8&callback=myMap"></script>
  102. <footer> Project Purity</footer>
  103. </body>
  104. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top