daily pastebin goal
37%
SHARE
TWEET

Untitled

a guest Apr 16th, 2018 536 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script src="../../build/index.js"></script>
  2.     <script>
  3.         var map;
  4.         function initMap() {
  5.             map = new google.maps.Map(document.getElementById('map'), {
  6.                 center: { lat: -34.397, lng: 150.644 },
  7.                 zoom: 8
  8.             });
  9.  
  10.             var pieData = { values: [1000, 100], colors: ['red', 'blue'], radius: 48, stroke: 4 };
  11.  
  12.             const _icon = {
  13.                 url: 'data:image/svg+xml;charset=UTF-8,' + svgCharts().generatePieChartSVG(pieData.values, pieData.colors, pieData.radius, pieData.stroke)
  14.             }
  15.  
  16.             var marker = new google.maps.Marker({
  17.                 position: { lat: -34.397, lng: 150.644 },
  18.                 map: map,
  19.                 title: 'Hello World!',
  20.                 icon: _icon
  21.             });
  22.         }
  23.     </script>
  24.    
  25. <?php  
  26.      $connect = mysqli_connect("localhost", "root", "", "testing");  
  27.      $query = "SELECT gender, count(*) as number FROM tbl_employee GROUP BY gender";  
  28.      $result = mysqli_query($connect, $query);  
  29.      ?>  
  30.  
  31.     <!DOCTYPE html>
  32.     <html>
  33.     <head>
  34.         <title>Simple Map</title>
  35.         <meta name="viewport" content="initial-scale=1.0">
  36.         <meta charset="utf-8">
  37.     </head>
  38.  
  39.     <body>
  40.         <div id="map"></div>
  41.         <script src="../../build/index.js"></script>
  42.         <script>
  43.             var map;
  44.             function initMap() {
  45.                 map = new google.maps.Map(document.getElementById('map'), {
  46.                     center: { lat: -34.397, lng: 150.644 },
  47.                     zoom: 8
  48.                 });
  49.  
  50.                 var pieData = {(values: ['Gender', 'Number'],                        
  51.                 <?php  
  52.                               while($row = mysqli_fetch_array($result))  
  53.                               {  
  54.                                    echo "['".$row["gender"]."', ".$row["number"]."],";  
  55.                               }  
  56.                               ?>  , colors: ['red', 'blue'], radius: 48, stroke: 4 };
  57.  
  58.                 const _icon = {
  59.                     url: 'data:image/svg+xml;charset=UTF-8,' + svgCharts().generatePieChartSVG(pieData.values, pieData.colors, pieData.radius, pieData.stroke)}
  60.           var marker = new google.maps.Marker({
  61.                 position: { lat: -34.397, lng: 150.644 },
  62.                 map: map,
  63.                 title: 'Hello World!',
  64.                 icon: _icon
  65.             });
  66.         }
  67.     </script>
  68.     <script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDpqCIveYDxUXYmQcQvA-qfxmiEGjb6g4g&callback=initMap' async
  69.         defer></script>
  70. </body>
  71. </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