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)
创建标记后
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)
| 归档时间: |
|
| 查看次数: |
14945 次 |
| 最近记录: |