Need advice + example of hide() show() markers

Hi,

I think it would be better if:

1. gmap addon module installed and gmap_markerlist has been turn on
2. take a close look gmap_markerlist.js

The workflow on http://www.fisgonia.com could be simplified to:

1. When a marker has been created, push to a key pair 2d array.
2. When toggling on and off, it call (marker instance).show() or (marker instance).hide(), depends on (marker instance).isHidden().

So supposed you have gmap_markerlist installed and enabled, change gmap_markerlist.js line 21 from:

obj.change('clickmarker', -1, marker);

to

//obj.change('clickmarker', -1, marker);
(marker.marker.isHidden())?(marker.marker.show()):(marker.marker.hide());

When you click the users on list, they will disappear and re-appear. So if you would like to change the position of the list, change G_ANCHOR_TOP_RIGHT.

I also work on this issue but my scope is difference with yours. My problem is: How to go along with other third party marker managers? http://www.fisgonia.com and other official example from google do not detect / handle the marker references (the one they push in to an array) out of current viewing map, which means, from my understanding, either their performance will be slow (load all markers at once) or they will have memory leak (no out-of-scope marker deletion implementation).

I have achieved the same thing by making modifications to the gmap_markers module.

Firstly i added the marker type to each marker based on the marker nid,

function gmap_markertypes_gmap($op, &$map) {
  switch ($op) {
    case 'pre_theme_map':
      if(isset($map['markers']))
      {
	      drupal_add_css(drupal_get_path('module', 'et_custom') .'/gmap_markerlist/gmap_markerlist.css');
	      drupal_add_js(drupal_get_path('module', 'et_custom') .'/gmap_markerlist/gmap_markerlist.js');
      
	      foreach($map['markers'] as &$marker)
	      {
	      	$nid = split('/', $marker['rmt'] );$nid = $nid[0];
	      	$node = node_load($nid);
	      	$marker['type_readable'] = node_get_types('name', $node->type).'s';
	      	$marker['type'] = $node->type;
	      }
      }
      
      
      break;
    case 'parse_macro':
      break;
  }
}

then in the javascript i added a function to toggle all markers of a particular type.
Also instead of creating a marker list of each marker, it just creates a marker list of each marker type.

var myMarkers = new Array();
  var markerTypes = new Array();
  
  MarkerList.prototype.addMarker = function (marker) {
    var obj = this.obj;

 	//add the marker to the array   
    myMarkers.push(marker);
    
    var newType = true;
	//only add the marker type list item if it hasn't already been added
	for(i=0;i<markerTypes.length; i++)
  	{
  		type = markerTypes[i];
  		if(type == marker.type)
  		{
  			newType = false;
  		}
  	}
  	
  	if(newType)
	{
		//add the new marker type to the array
		markerTypes.push(marker.type);
		
		//add the new marker type to the list
	    $('<li class="marker_'+marker.type+'">' + marker.type_readable + '</li>').appendTo($('ul', this.markerlist)).click(function () {
	     
		  		   
			hideMarkersByType(marker.type);
		   
	    });
    }
    
    
    
  }
  
  var hideMarkersByType = function (type) {
  	for(i=0;i<myMarkers.length; i++)
  	{
  		marker = myMarkers[i];
  		if (marker.type == type)
  		{
  		   (marker.marker.isHidden())?(marker.marker.show()):(marker.marker.hide());
  		}
  	}
  }

code attached.

It's by no means pretty, but it seems to work.

Closing this very old issue. Please reopen if it is still valid.