HOME BLOG

MAPAS API

Galeria de exemplos: Abrir um popup

Este exemplo demonstra como poderĂ¡ abrir-se um popup sobre um marcador. Para ver o exemplo a funcionar, clique sobre o marcador.

				<html>
					<head>
						<script type="text/javascript" src="http://js.sapo.pt/Bundles/SAPOMapsAPI.js"></script>
						<script type="text/javascript">
							window.onload = init;
							
							function init(){
								var map = new SAPO.Maps.Map('map');
								var marker = new SAPO.Maps.Marker(new OpenLayers.LonLat(-9, 38));
								
								map.addOverlay(marker);
								marker.registerEvent('click', this, openPopup);
							}
							
							function openPopup(marker){
								marker.openPopup('<h1>Hello World!</h1>');
							}
							
						</script>	
					</head>
					<body>
						<div id='map' style='width:980px; height:400px;'></div>
					</body>
				</html>