将 ID 添加到 Google Map Marker 然后将其定位

sty*_*ler 5 javascript jquery google-maps google-maps-api-3

我已经使用 Google Maps API v3 创建了一个谷歌地图并添加了一个自定义标记,我已经向 Marker 构造函数添加了一个 ID,我希望使用 jQuery 以其他 JS 为目标,但是当我只是尝试一些东西时像 $( '#'+marker.id ).hide(); 没发生什么事?

谁能建议我如何正确访问此标记 ID?

我的制造商代码如下:

marker = new google.maps.Marker({
            externalURL: 'http://www.google.com',
            position: defaults.center,
            map: map,
            icon: markerImg,
            id: 'marker'
        });
Run Code Online (Sandbox Code Playgroud)

然后我使用以下代码创建一个 jQuery 对象来定位:

var mapMarker = $( '#'+marker.id );
    mapMarker.hide();
Run Code Online (Sandbox Code Playgroud)

Xio*_*ark 5

创建标记后

var myMarker = new google.maps.Marker({
                   externalURL: 'http://www.google.com',
                   position: defaults.center,
                   map: map,
                   icon: markerImg,
                   id: 'marker'
               });
Run Code Online (Sandbox Code Playgroud)

要将其从地图中删除,请使用:

myMarker.setMap(null);
Run Code Online (Sandbox Code Playgroud)

要从视图中隐藏标记标记,请使用:

myMarker.setVisible(false);
Run Code Online (Sandbox Code Playgroud)

如果您需要稍后访问大量标记,请考虑:

var allMyMarkers = [];
allMyMarkers.push( myMarker );
Run Code Online (Sandbox Code Playgroud)

要访问特定 ID,请考虑:

for(var i=0;i<allMyMarkers.length;i++){
    if(allMyMarkers[i].id === "marker"){
        allMyMarker[i].setMap(null);
        break;
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 理想情况下,我想在地图进入视图时向 #marker 添加一个类,以便将其从 0 到 100% 宽度设置动画,这可能吗? (2认同)

小智 0

如果您只想隐藏标记,请使用以下命令:

marker.setMap(null);
Run Code Online (Sandbox Code Playgroud)

这是您问题的解决方案吗?