SAPO Mapas API

				<html>
					<head>
						<title>Test SAPO.Maps.Markers</title>
						<script type="text/javascript" src="http://js.sapo.pt/Bundles/SAPOMapsAPI.js"></script>
									
						<script type="text/javascript">
							var map, markerslayer, marker;
							function init(){
								map = new SAPO.Maps.Map('map');
							}
							
							
							function addMarkersGroupToMap()
							{
								markerslayer = new SAPO.Maps.Markers('teste layer');
								map.addMarkers(markerslayer);
								
								marker = new SAPO.Maps.Marker(new OpenLayers.LonLat(-9, 38), {draggable: true});
								markerslayer.addMarker(marker);
							}			
							
							function add_marker(){
								if(!markerslayer) {
									alert('you must add a marker layer first!');
									return;
								}
								marker = new SAPO.Maps.Marker(new OpenLayers.LonLat(-9, 38), {draggable: true});
								markerslayer.addMarker(marker);
							}
							
							function remove_marker(){
								if(!marker) {
									alert('you must add a marker layer first!');
									return false;
								}
								markerslayer.removeMarker(marker);
								marker = null;
							}
							
							function remove_markers(){
								if(!markerslayer) {
									alert('you must add a marker layer first!');
									return false;
								}
								map.removeMarkers(markerslayer);
							}
							
							function enabledrag(){
								if(!marker) {
									alert('you must add a marker first!');
									return false;
								}
								marker.enableDragging();
							}
							
							function disabledrag(){
								if(!marker) {
									alert('you must add a marker first!');
									return false;
								}
								marker.disableDragging();
							}
							
						</script>
					</head>
					<body onload='init();'>
						<div id='map' style='width:980px; height:400px;'></div>
						<p>This script tests and shows the SAPO.Maps.Markers type</p>
						<br />
						<div>
							<input type="button" onclick="addMarkersGroupToMap();" value="Add Layer" />
							<input type="button" onclick="add_marker();" value="Add Marker" />
							<input type="button" onclick="remove_marker();" value="Remove Last" />
							<input type="button" onclick="remove_markers();" value="Remove Layer" />
							<input type="button" onclick="enabledrag();" value="Enable drag" />
							<input type="button" onclick="disabledrag();" value="disable drag" />
						</div>
					</body>
				</html>
MAPAS API

Galeria de exemplos: Markers
