谷歌地圖 - 由於變焦相同標記的多個實例

Question

嗨我有一個場景，說我有一個標記在給定的位置，如果用戶縮小，以便國家的標記是顯示兩次，你會看到標記兩次。

我想知道是否可以刪除該標記的一個實例，以便一次只顯示其中一個版本。

目前，它會打破覆蓋懸停行爲，因爲地圖API無法確定放置覆蓋的位置，因爲在給定的時間點屏幕上存在2個相同標記的實例。

感謝

Answer 1

好像這可能是一個錯誤（或者至少是無意的行爲）。

甲google.maps.Marker用SVG圖標僅呈現在地磚上的中心實例：

var SvgMarker2 = new google.maps.Marker({ 
    map: map, 
    icon: { 
     path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0', 
     fillColor: "red", 
     fillOpacity: 1, 
     strokeColor: '#000', 
     strokeWeight: 2, 
     scale: 1 
    }, 
    position: new google.maps.LatLng(-30.4419, -72.1419) 
    }); 

proof of concept fiddle

代碼片斷：

function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 0, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
    map: map, 
 
    position: map.getCenter() 
 
    }); 
 
    var SvgMarker = new google.maps.Marker({ 
 
    map: map, 
 
    icon: { 
 
     path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z', 
 
     fillColor: "red", 
 
     fillOpacity: 1, 
 
     strokeColor: '#000', 
 
     strokeWeight: 2, 
 
     scale: 1 
 
    }, 
 
    position: new google.maps.LatLng(-30.4419, -122.1419) 
 
    }); 
 
    var SvgMarker2 = new google.maps.Marker({ 
 
    map: map, 
 
    icon: { 
 
     path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0', 
 
     fillColor: "red", 
 
     fillOpacity: 1, 
 
     strokeColor: '#000', 
 
     strokeWeight: 2, 
 
     scale: 1 
 
    }, 
 
    position: new google.maps.LatLng(-30.4419, -72.1419) 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>