title: How to add text label in Google Map API
body: <p>I am currently working on a Google map API and got it working. Unfortunately i had a little  problem. I can't seem to find a way to put a label or text beside the marker.  Here is my code. I downloaded a javascript maplabel but it seems not working or perhaps there is wrong on how i put it. </p>
  
  <p>I am still learning Javascript and Google API, hopefully you can help me. </p>
  
  <p>Thanks.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&amp;sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/maplabel/src/maplabel-compiled.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  var geocoder, map;
  
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(58.5452824, -92.4986259);
    var myOptions = {
        zoom: 15,
        center: latlng,
        mapTypeControl: false
      }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    codeAddress();
    }
    var icon = { 
      url: 'images/map_icon.png'
    };
  
    var mapLabel = new MapLabel({
      text: 'Test',
      position: new google.maps.LatLng(34.515233, -100.918565),
      map: map,
      fontSize: 35,
      align: 'right'
    });
  
  
  
  function codeAddress() {
  
  var address = "Address Test";
  
  
  geocoder.geocode( { 'address': address}, function(results, status) {
  
  if (status == google.maps.GeocoderStatus.OK) {
  
  map.setCenter(results[0].geometry.location);
  
  var marker = new google.maps.Marker({
  
  map: map,
  address: address,
  icon: icon,
  position: results[0].geometry.location
        });
  
  } 
  else {
  
  alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
  
  
  jQuery(document).ready(function (){
      initialize();//run the map
  });
  
  
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
  #map_canvas{
    width: 100%;
    height: 400px;
  }
  &lt;/style&gt;
  
   &lt;div id="map_canvas"&gt;&lt;/div&gt;
  
   &lt;div class="overlay-gray-banner"&gt;
      &lt;div class="uk-container uk-container-center"&gt;
      &lt;h1&gt;Contact Us&lt;/h1&gt;
      &lt;p class="banner-short-desc"&gt;We are happy to hear from you. Please contact us through the form below and we will get back to you
        as soon as we can.&lt;/p&gt;
      &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>