google maps

by alessandro_pezzato

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="map-canvas"/>

CSS

html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }

JavaScript

var myLatlng = new google.maps.LatLng(45.49490, 12.09222);

var mapOptions = {
  zoom: 12,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
}

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
});

var infowindow = new google.maps.InfoWindow({
  content: "<h1>Vimage</h1>"
});

google.maps.event.addListener(marker, 'mouseover', function() {
  infowindow.open(map, marker);
});

google.maps.event.addListener(marker, 'mouseout', function() {
  infowindow.close();
});