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.465829, 8.920048);

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

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

new google.maps.Marker({
    position: new google.maps.LatLng(45.465829, 8.920048),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.463, 8.925),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.464, 8.924),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.465, 8.915),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.462, 8.914),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.461, 8.918),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.468, 8.921),
    map: map
});

new google.maps.Marker({
    position: new google.maps.LatLng(45.469, 8.913),
    map: map
});