Está en la página 1de 2

<!

DOCTYPE html>
<html>
<head>
<title>carte de gases</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
html {
height: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px;
}
#map_canvas {
height: 100%;
}
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false" ></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(35.7672700 ,-5.7997500);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(
document.getElementById("map_canvas"), myOptions);
var brest = new google.maps.LatLng(35.78861166666667 ,-5.839225);
var brest2= new google.maps.LatLng(35.7675455435 ,-5.83506857567);
var brest3= new google.maps.LatLng(35.767777899 ,-5.836643555);
var marker = new google.maps.Marker({
position: brest,
map: map
});
var marker2 = new google.maps.Marker({
position: brest2,
map: map
});
var marker3 = new google.maps.Marker({
position: brest3,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: '100ppm'
});
var infowindow2 = new google.maps.InfoWindow({
content: '50ppm'
});

var infowindow3 = new google.maps.InfoWindow({


content: '90ppm'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(marker2, 'click', function() {
infowindow2.open(map,marker2);
});
google.maps.event.addListener(marker3, 'click', function() {
infowindow3.open(map,marker3);
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>

También podría gustarte