堆棧內存溢出
  簡體   English   中英

如何刪除Google地圖上的標記？

[英]How do I delete a marker on Google Maps?

 原文  2010-03-16 09:49:36  2   6    javascript/ google-maps/ google-maps-markers

問題描述

我只知道一種方式：

右鍵單擊並單擊“刪除我”

我還可以在Google地圖上刪除標記嗎？

這是我現在的代碼： 

GEvent.addListener(marker, 'mousedown', function(e) {
    alert(e)
    if (e.button == 2){
    alert('sss')
    map.removeOverlay(marker);
}

當我右鍵單擊時，它會發出警報(40.23141543543321,114.3214121421) ; 當我查看API時，我看到了這個： 

mousedown(latlng:GLatLng)

所以我認為e不是一個事件，而是'GLatLng'

如果我使用'singlerightclick'，當我右鍵單擊時沒有任何反應。

這是我的完整代碼： 

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <meta name="viewport" content="width=device-width,minimum-scale=0.3,maximum-scale=5.0,user-scalable=yes">

    </head>
<body onload="initialize()" onunload="GUnload()">

<style type="text/css">
*{
    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 > 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 > div{
    width:30px;
    height:31px;
    background:url(img/xlineIcon.png) 0 0 no-repeat;
    }
</style>
<!--<div style="width:100px;height:100px;background:blue;"> </div>-->
<div id=head>
    <div id=logo>logo</div>
</div>
<div id=main>
    <div id=left>
        <div id=top>search
        <input type="text" name="" id="" style="width:80%"/>
        </div>
        <div id="map_canvas" ></div>
    </div>
    <div id=right ></div>
</div>


<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" src="nicEdit.js"></script>
  <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA-7cuV3vqp7w6zUNiN_F4uBRi_j0U6kJrkFvY4-OX2XYmEAa76BSNz0ifabgugotzJgrxyodPDmheRA" type="text/javascript"></script>

<script type="text/javascript">
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<2;i++){
                a+='<div class=b style="position:absolute;"><div></div></div>'
                }
            for(i=0;i<2;i++){
                a+='<div class=c style="position:absolute;"><div></div></div>'
                }
            $(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=$(
            '<form method="post" action="" style="height:100px;overflow:hidden;width:230px;">'+
                '<textarea id="area1" cols="22" rows="5" style="border:none">cilck edit</textarea>'+
            '</form>')

            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);
            //}
            }
        });
        }
}
//*************
</script>
</body>
</html>

我以為我弄明白這個： 

GEvent.addListener(map, 'singlerightclick', function(point, source, overlay) {
    map.removeOverlay(marker);
        });

但不，無論我在地圖上點擊哪里 ，都會刪除標記。

我想我現在擁有它： 

GEvent.addListener(map, 'singlerightclick', function(pixel,tile, marker) {
    if(marker)
    map.removeOverlay(marker);
        });

6 個解決方案

解決方案1
 46  2011-02-28 14:52:38

根據這個鏈接你可以做到

marker.setMap(null);

解決方案2
 8 已采納  2010-03-16 09:54:33

var marker = new GMarker(latlng);
map.addOverlay(marker);

GEvent.addListener(marker, 'singlerightclick', function(point, source, overlay) {
    this.setMap(null);
});

解決方案3
 3  2011-09-09 15:52:17

它看起來不像v3 API中的removeOverlay（）。 謝謝你們，Korayem！

解決方案4
 1  2013-05-13 14:06:55

任何使用v3 API的人都可以通過以下方式使標記不可見：

marker.setVisible(false);

解決方案5
 0  2014-08-10 11:59:31

添加一個'rightclick'事件監聽器到谷歌疊加層 

 google.maps.event.addListener(overlay, 'rightclick', function (event) {
 })

解決方案6
 -1  2018-03-26 08:09:50

這是如何（截至2018.03.26）（很簡單）：

  1. 菜單（左上方三個水平條）
  2. 你的地方（倒置淚滴在列表中間的一半）
  3. 保存
  4. 做出你的選擇（對我而言，這是我想要刪除一個的主演地點）
  5. 單擊右側的3個點，然后從出現的下拉列表中選擇“編輯”
  6. 找到要刪除的標記，然后單擊右側的“X”框。

瞧！

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何在Google地圖上具體刪除標記 我如何訪問谷歌地圖標記變量 如何讓信息窗口停留在Google地圖中標記的鼠標移出位置？ 如何在Google Maps腳本中插入一個簡單的標記？ 如何控制Google Maps JavaScript上標記的哪一層？ 如何使用iframe在標簽中居中放置Google地圖標記 如何獲取Google Maps標記的HTML？ 如何刷新Google Maps標記但不刷新整個頁面 如何居中放置新的Google Maps標記 在Google地圖上刷新和刪除標記
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM