viewport
initial-scale=1.0, user-scalable=no
by Root Me
HTML
<script src="https://maps.google.com/maps/api/js"></script>
<body>
<div id="map_canvas"></div>
</body>
CSS
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% ; width:100%;}
JavaScript
var map;
function initialize()
{
map = new google.maps.Map(document.getElementById("map_canvas"),
{
zoom: 13,
center: new google.maps.LatLng(68.858565, 22.347198),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
}
initialize();
var coords =
[
["Hello!","151.2069900","-33.8674870"],
["I am here!","-80.56344","43.471536666666665"],
["I was here before!","48.8566140","2.3522220"],
["I will come here one day!","22.851563","-79.278140"]
];
var infowindow = new google.maps.InfoWindow();
var marker, i;
for(i = 0; i < coords.length; i++)
{
marker = new google.maps.Marker
({
position: new google.maps.LatLng(coords[i][1], coords[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i)
{
return function()
{
infowindow.setContent(coords[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}