title: How do I delete a marker on Google Maps?
body: <p>I only know of one way:</p>
  
  <p>Right click and click 'delete me'</p>
  
  <p>How else can I delete markers on Google Maps?</p>
  
  <p>This is my code now:</p>
  
  <pre><code>GEvent.addListener(marker, 'mousedown', function(e) {
      alert(e)
      if (e.button == 2){
      alert('sss')
      map.removeOverlay(marker);
  }
  </code></pre>
  
  <p>When i right-click, it alerts <code>(40.23141543543321,114.3214121421)</code>; when I look at the API, I see this:</p>
  
  <pre><code>mousedown(latlng:GLatLng) 
  </code></pre>
  
  <p>so I think that <code>e</code> is not an event, but a 'GLatLng'</p>
  
  <p>If I use the 'singlerightclick', nothing happens when i right-click.</p>
  
  <p>This is my full code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
      &lt;head&gt; 
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; 
          &lt;meta name="viewport" content="width=device-width,minimum-scale=0.3,maximum-scale=5.0,user-scalable=yes"&gt;
  
      &lt;/head&gt;
  &lt;body onload="initialize()" onunload="GUnload()"&gt;
  
  &lt;style type="text/css"&gt;
  *{
      margin:0;
      padding:0;
      }
  #head{
      height:70px;
      background:#a00;
      }
  #logo{
  color:white;
  font-weight:bold;
  line-height:70px;
  margin-left:100px;
      }
  #main{
  position:relative;
  margin-top:1px;
      }
  #left{
  border:1px solid red;
  height:700px;
  margin-right:202px;
      }
  #top{
  font-weight:bold;
  line-height:70px;
  margin-left:120px;
      }
  #map_canvas{
  height:630px;
      }
  #right{
  background:#ff0;
  float:right;
  height:702px;
  position:absolute;
  right:0;
  top:0;
  width:200px;
      }
  
  .container{
  border:5px solid red;
  height:50px;
  margin-left:50px;
  padding:17px 0 0 20px;
  width:85%;
      }
  .b{
      background:url(img/xr.png) right no-repeat;
      }
  .b &gt; div{
      width:30px;
      height:31px;
      background:url(img/xpinIcon.png) 0 0 no-repeat;
      }
  .c{
      background:url(img/xr.png) right no-repeat;
      margin-left:60px;
      }
  .c &gt; div{
      width:30px;
      height:31px;
      background:url(img/xlineIcon.png) 0 0 no-repeat;
      }
  &lt;/style&gt;
  &lt;!--&lt;div style="width:100px;height:100px;background:blue;"&gt; &lt;/div&gt;--&gt;
  &lt;div id=head&gt;
      &lt;div id=logo&gt;logo&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id=main&gt;
      &lt;div id=left&gt;
          &lt;div id=top&gt;search
          &lt;input type="text" name="" id="" style="width:80%"/&gt;
          &lt;/div&gt;
          &lt;div id="map_canvas" &gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id=right &gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script src="jquery-1.4.2.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="nicEdit.js"&gt;&lt;/script&gt;
    &lt;script src="http://ditu.google.cn/maps?file=api&amp;amp;v=2&amp;amp;sensor=false&amp;amp;key=ABQIAAAA-7cuV3vqp7w6zUNiN_F4uBRi_j0U6kJrkFvY4-OX2XYmEAa76BSNz0ifabgugotzJgrxyodPDmheRA" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  var aFn;
  //**********
  function initialize() {
      if (GBrowserIsCompatible()) {
  
          //************
          function a() {
          }
          //if(GControl)
          a.prototype = new GControl();
          a.prototype.initialize = function(map) {
              var container = document.createElement("div");
              var a='';
              for(i=0;i&lt;2;i++){
                  a+='&lt;div class=b style="position:absolute;"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;'
                  }
              for(i=0;i&lt;2;i++){
                  a+='&lt;div class=c style="position:absolute;"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;'
                  }
              $(container).addClass('container');
            $(map.getContainer()).append($(container).append(a));
            return container;
          }
          a.prototype.getDefaultPosition = function() {
            return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7, 7));
          }
  
          //************
                  var map = new GMap2(document.getElementById("map_canvas"));
                  map.addControl(new a());
                  map.enableScrollWheelZoom();
                  var center=new GLatLng(39.9493, 116.3975);
                  map.setCenter(center, 13);
  
  
          aFn=function(x,y){
  
              var point =new GPoint(x,y)
              point = map.fromContainerPixelToLatLng(point);
              var marker = new GMarker(point,{draggable:true});
  
              var a=$(
              '&lt;form method="post" action="" style="height:100px;overflow:hidden;width:230px;"&gt;'+
                  '&lt;textarea id="area1" cols="22" rows="5" style="border:none"&gt;cilck edit&lt;/textarea&gt;'+
              '&lt;/form&gt;')
  
              var once;
              a.click(function(){
                  if(!once)var area1=new nicEditor({buttonList : ['bold','fontSize','left','center','right','forecolor']}).panelInstance('area1')
          once=1;
        })
              GEvent.addListener(marker, "click", function(){
                  marker.openInfoWindowHtml(a[0]);
          });
  
  
              map.addOverlay(marker);
          GEvent.addListener(marker, 'singlerightclick', function(point, source, overlay) {
              alert('sss')
              map.removeOverlay(marker);
              });
  
              }
          $(".b").draggable({
              revert: true,
              revertDuration: 0
              });
          $('.container').droppable({greedy: true});
  
          $("#map_canvas").droppable({
          drop: function(event,ui) {
              aFn(event.pageX-$("#map_canvas").offset().left,event.pageY-$("#map_canvas").offset().top);
              //}
              }
          });
          }
  }
  //*************
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I thought I figured it out with this:</p>
  
  <pre><code>GEvent.addListener(map, 'singlerightclick', function(point, source, overlay) {
      map.removeOverlay(marker);
          });
  </code></pre>
  
  <p>but no, this removes the marker no matter <em>where</em> I click on the map.</p>
  
  <p>I think I have it now:</p>
  
  <pre><code>GEvent.addListener(map, 'singlerightclick', function(pixel,tile, marker) {
      if(marker)
      map.removeOverlay(marker);
          });
  </code></pre>