Google Maps API V3 y MarkerManager - como cambiar seleccionados marcadores?
-
10-10-2019 - |
Pregunta
Estoy utilizando el real de Google maps versión 3 del API. En mi mapa, tengo algunos marcadores. Para la visualización de mis markes, estoy usando los MarkerManager.js.
Cada marcador tiene un "tipo" atributo (un número entre 1 y 5).
En mi sitio tengo algunos botones de radio.
<input type="radio" name="display_marker" value="0" checked> All
<input type="radio" name="display_marker" value="1" checked> 1
<input type="radio" name="display_marker" value="2" checked> 2
<input type="radio" name="display_marker" value="3" checked> 3
<input type="radio" name="display_marker" value="4" checked> 4
<input type="radio" name="display_marker" value="5" checked> 5
En la selección de valor = 0, Quiero mostrar todos los marcadores. Selección de valor = 1, quiero mostrar sólo los marcadores cuyo tipo beeing 1 y así sucesivamente.
Al crear mi arsenal MarkerManager Yo siguiente:
$(document).ready(function(){
var latlng = new google.maps.LatLng(48.135789, 11.579075);
var mapOptions = {
zoom: 11,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);
var listener = google.maps.event.addListener(map, 'bounds_changed', function(){
setupMarkers();
google.maps.event.removeListener(listener);
});
});
function setupMarkers(){
mgr = new MarkerManager(map);
var mc = myobject.length;
google.maps.event.addListener(mgr, 'loaded', function(){
mgr.addMarkers(createMarkers(mc), 11);
mgr.refresh();
});
}
function createMarkers(nn){
var batch = [];
for(var ii = 0; ii < nn; ii++){
var marker = new google.maps.Marker({
position: getLatLng(ii),
title: "marker " + ii,
type: getType(ii),
});
google.maps.event.addListener(marker, 'click', function(){
alert("title:" + this.title + "\ntype: " + this.type);
});
batch.push(marker);
}
return batch;
}
¿Qué tengo que hacer en mi show_marker función (val)?
$("#myid input").click(function(){
show_marker($(this).attr('value'));
});
function show_marker(val){
}
Solución
Me solucionó el problema mediante varios gestores de marcadores. Todos los marcadores con type = 1 Ir a manager1, todos los marcadores con type = 2 Ir a Manager 2 y así sucesivamente.
Ahora puede mostrar todos los markermanages y mostrar / ocultar los onclick (managerX.hide ())