Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3XfuMJJGzaU8TUItQM7XWD4esZdbpgtA&libraries=places"></script> <script> var markerCenter = new google.maps.LatLng(20.2547,44.2658); var marker = null; function initialize() { var mapProp = { center: markerCenter, zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map"),mapProp); var marker = new google.maps.Marker({ position: markerCenter, animation: google.maps.Animation.BOUNCE }); marker.setMap(map); google.maps.event.addListener(marker,'click',function() { alert("You clicked on the marker"); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map" style="width:500px;height:300px;"></div> </body> </html>