title: Showing a point on GoogleMaps after clicking a button
body: <p>I have Google Maps with many markers.
  This is my code:</p>
  
  <pre><code>&lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding_all_2"&gt;
  &lt;a href ="#" class="obj-1" id="obj-1"&gt;&lt;div class="apartament_atrakcje"&gt;Atrakcja 1 pl&lt;/div&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding_all_2"&gt;
  &lt;a href ="#" class="obj-2" id="obj-2"&gt;&lt;div class="apartament_atrakcje"&gt;Atrakcja 2 PL&lt;/div&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  
  
  
  &lt;div id="map_canvas"&gt;&lt;/div&gt;
  
  &lt;script&gt;
    window.onload = function () {
        var styles = [{"featureType":"all"}];
        var bounds = new google.maps.LatLngBounds();
        var options = {
            mapTypeControlOptions: {
                mapTypeIds: ['Styled']
            },
            center: new google.maps.LatLng(11, 22),
            zoom: 15,
            disableDefaultUI: true,
            mapTypeId: 'Styled'
        };
        marker = new google.maps.Marker({
            map:map,
        });
        var div = document.getElementById('map_canvas');
        var map = new google.maps.Map(div, options);
        var styledMapType = new google.maps.StyledMapType(styles, { name: 'Styled' });
  
  
        var markers = [
     ['Atrakcja 1 pl', 51.73925413, 19.51309225, 'Atrakcja 1 pl', '#', 'poi.png'],
     ['Atrakcja 2 PL', 53.41475000, 14.60220358, 'Atrakcja 2 PL', '#', 'poi.png'],
     ['Biskupia', 51.93780943, 15.52505514, 'Biskupia', '#', 'poi2.png']
        ];
        var infoWindow= new google.maps.InfoWindow({maxWidth:600}),
            marker, i,
            image = 'http://localhost/apartamenty/assets/poi.png';
  
        for( i = 0; i &lt; markers.length; i++ ) {
            var beach = markers[i];
            var position = new google.maps.LatLng(beach[1], beach[2]);
            bounds.extend(position);
            marker = new google.maps.Marker({
                position: position,
                map: map,
                icon: 'http://localhost/apartamenty/assets/' + beach[5],
                title: beach[0],
                myurl: beach[4]
            });
  
            google.maps.event.addListener(marker, 'click', (function(marker, i) {
                return function() {
   infoWindow.setContent('&lt;a href="'+marker['myurl']+'"&gt;'+marker['title']+'&lt;/a&gt;');
   infoWindow.open(map, marker);
                }
            })(marker, i));
            map.fitBounds(bounds);
            map.mapTypes.set('Styled', styledMapType);
  
        }
    }
                 &lt;/script&gt;
  </code></pre>
  
  <p>I have a map and the markers on it. This is ok!</p>
  
  <p>After clicking on link obj-1 or obj-2 I would like to: </p>
  
  <pre><code>- center the map on this one, selected marker 
  - display the marker of this marker
  </code></pre>
  
  <p>If the user clicks on the link "Atrakcja 1 pl" - then map is center on marker with title Atrakcja 1 pll and his hint would be visible.</p>
  
  <p>Does anyone know how to do it in my code?</p>