title: MarkerWithLabel - drag event works like click event
body: <p>I set a marker on click on the map. I use MarkerWithLabel.</p>
  
  <p>I use draggable marker. </p>
  
  <p>If I drag a marker it works fine. But if I drag a label it works with click event on the map.</p>
  
  <p>How can I use labels and can drag a label without click event?</p>
  
  <p>In my example - when I drag a marker JS creates new marker.</p>
  
  <pre><code>google.maps.event.addListener(map, 'click', function(event) {         
       addMarker(event.latLng)
  });
  
  function addMarker(latLng) {
      var marker = new MarkerWithLabel({
            position: latLng,
            map: map,
            draggable: true,
            labelContent: "example",
            labelAnchor: new google.maps.Point(30, 0),
            labelClass: "labels", // the CSS class for the label
            labelStyle: {opacity: 0.75}
      });
  
      google.maps.event.addListener(marker, 'dragend', function(e) {
         alert(2);
      })
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/yV6xv/4139/" rel="noreferrer">JSFIDDLE</a></p>