jMaps

This example shows you how easily jQuery + jMaps makes adding and removing markers from your map.

Google markers allows you to define and add a marker to any position on the map.

Example 1: Simple Adding and Removing Markers.

Add Marker | Remove Marker

                        
jQuery(document).ready(function(){
	jQuery('#map1').jmap('init', {'mapType':G_HYBRID_MAP,'mapCenter':[37.4419, -122.1419]});
	
	jQuery('.add-marker').click(function(){
		jQuery('#map1').jmap('AddMarker', {
			'pointLatLng': [37.4419, -122.1419],
			'pointHTML': '<strong>This was added with jMaps</strong>'
		}, function( marker, options){
			jQuery('.remove-marker').click(function(){
				jQuery('#map1').jmap('RemoveMarker', marker);
			});
		});
	});
});
                        
                    

Example 2: Adding marker events.

Add Marker

                        
jQuery(document).ready(function(){
	jQuery('.add-marker-2').click(function(){
		jQuery('#map2').jmap('AddMarker', {
			'pointLatLng': [37.4419, -122.1419],
			'pointHTML': '<strong>You can drag me.<br />Double Click Me to Remove Me!</strong>',
			'pointIsRemovable':true,
			'pointIsDraggable':true
		});
		return false;
	});
});