var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 17,
          center: new google.maps.LatLng(
                            <?php
                                        include_once('connection.php');

                                            $conn=SQL_CONNECT();

                                            $sitename=$_POST['sitename'];
                                            $stid = oci_parse($conn, "SELECT * FROM latlong where SITEID like '%$sitename%'");

                                            $res=oci_execute($stid);


                                                while($data = oci_fetch_array($stid))
                                                {
                                                    //if($data['LAT']=="28.149699")
                                                    {
                                                        echo $data['LAT'].",".$data['LON'];
                                                    }
                                                }
                                        oci_close($conn);
                        ?>

          ),

          mapTypeId: google.maps.MapTypeId.ROADMAP
        });



 var infowindow = new google.maps.InfoWindow();

    var marker, i, text;

    for (i = 0; i < locations.length; i++) {
      marker = new google.maps.Marker({
          position: new google.maps.LatLng(locations[i][1], locations[i][2]),
          map: map
      });

      text = locations[i][0];

      if(locations[i][1] === lat_center && locations[i][2] === long_center) {

          marker.setAnimation(google.maps.Animation.DROP);

          marker.setIcon('http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png');

        //text += '<br>' + 'Additionl text for centered marker';

        map.Overlay= new google.maps.OverlayView();

        map.Overlay.center_ = new google.maps.LatLng(lat_center, long_center);
        map.Overlay.reddot_ =  '<div id="reddot" class="reddot" style="position:relative;"><svg class="marker" height="66" width="66"><circle cy="33" cx="33" class="mark" r="25"><set id="show" attributeName="visibility" attributeType="CSS" to="visible" begin="0s; hide.end" dur="1s" fill="freeze"/><set id="hide" attributeName="visibility" attributeType="CSS" to="hidden" begin="show.end" dur="1s" fill="freeze"/></circle><img src="http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png" class="locater"></svg></div>';

        map.Overlay.draw = function () {
            var pixelposition = this.getProjection().fromLatLngToDivPixel(this.center_);
            jQuery('#reddot').css({top:(pixelposition.y-50), left:(pixelposition.x-33)});

        };

        map.Overlay.onAdd=function() {
          var self=this;
          jQuery(self.getPanes().markerLayer).append(self.reddot_);
        };

        map.Overlay.setMap(map);

      }

      google.maps.event.addListener(marker, 'mouseover', (function(marker, text) {
        return function() {
          infowindow.setContent(text);
          infowindow.open(map, marker);
        }
      })(marker, text));
    }