i am using PHP & MYSQL on wordpress in order to retrieve data from the database that contains coordinates and display markers on the Google Map.

Google Map is shown but without any markers and i did not found the error in my PHP code.

code
====

```
     <?php
            /*
            Template Name: MAP2
            */

            get_header();
      ?>

    <!DOCTYPE html>
    <html>
      <head>
        <title>Custom Markers</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=*******&callback=initMap">
        </script>

CSS CODE 
========

    <style>
          /* Always set the map height explicitly to define the size of the div
           * element that contains the map. */
          #map {
            height: 600px;
          }
          /* Optional: Makes the sample page fill the window. */
          html, body {
            height: 100%;
            margin: 0;
            padding: 0;
          }
        </style>

   HTML code & javascript
=========================

 </head>
  <body>
    <div id="map"></div>
    <script>

     var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 8,
          center: new google.maps.LatLng(33.888630, 35.495480),
          mapTypeId: 'roadmap'
        });

        var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
        var icons = {
          parking: {
            icon: iconBase + 'parking_lot_maps.png'
          },
          library: {
            icon: iconBase + 'library_maps.png'
          },
          info: {
            icon: iconBase + 'info-i_maps.png'
          }
        };

        function addMarker(feature) {
          var marker = new google.maps.Marker({
            position: feature.position,
            icon: icons[feature.type].icon,
            map: map
          });
        }

        var features = [

PHP code
========

    <?php
              global $wpdb;
                $prependStr ="";
                foreach( $wpdb->get_results("SELECT siteID, latitude, longitude FROM site_coordinates2", OBJECT) as $key => $row) {
                   $latitude = $row->latitude;
                   $longitude = $row->longitude;
                   $info = $row->siteID;
               echo $prependStr;
           ?>
    {
        position: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
        type: '<?php echo $info; ?>'
    }
    <?php
    $prependStr =",";
    }
    ?>
            ];

            for (var i = 0, feature; feature = features[i]; i++) {
              addMarker(feature);
            }
    }

             </script>

      </body>
    </html>

    <?php
    get_footer();
    ?>

```