1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
| function initialize() {
var MonCentre = new google.maps.LatLng(43.522256, 5.50554)
var mapOptions = {
center: MonCentre,
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: true
};
var oInfo = document.getElementById('info');
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
window.map = map;
map.controls[google.maps.ControlPosition.TOP_CENTER].push(oInfo);
google.maps.event.addListener(map, 'mousemove', function(data) {
var lat = data.lat ? data.lat() : data.latLng.lat(),
lng = data.lng ? data.lng() : data.latLng.lng();
oInfo.innerHTML = 'Lat : ' + lat.toFixed(6) + ' - Lng : ' + lng.toFixed(6);
});
map.data.addListener('mousemove', function(data) {
google.maps.event.trigger(this.getMap(), 'mousemove', data);
});
function attachPolygonInfoWindow(polygon, html) {
polygon.infoWindow = new google.maps.InfoWindow({
content: html,
});
google.maps.event.addListener(polygon, 'click', function(e) {
var latLng = e.latLng;
this.setOptions({
fillOpacity: 0.1
});
polygon.infoWindow.setPosition(latLng);
polygon.infoWindow.open(map);
});
}
var cBatD = [
new google.maps.LatLng(43.527428, 5.501129),
new google.maps.LatLng(43.52738, 5.501116),
new google.maps.LatLng(43.52737, 5.501185),
new google.maps.LatLng(43.527429, 5.501201),
new google.maps.LatLng(43.527431, 5.501189),
new google.maps.LatLng(43.527421, 5.501187),
new google.maps.LatLng(43.527424, 5.501161),
new google.maps.LatLng(43.527428, 5.501129)
];
var oBatD = new google.maps.Polygon({
paths: cBatD,
strokeColor: "#CC0000",
strokeOpacity: 1,
strokeWeight: 1,
fillColor: "#CC0000",
fillOpacity: 0.3,
});
oBatD.setMap(map);
attachPolygonInfoWindow(oBatD, '0A0050');
var cBatD = [
new google.maps.LatLng(43.523634, 5.495693),
new google.maps.LatLng(43.523689, 5.495877),
new google.maps.LatLng(43.52375, 5.495843),
new google.maps.LatLng(43.523711, 5.495716),
new google.maps.LatLng(43.523765, 5.495682),
new google.maps.LatLng(43.523742, 5.495606),
new google.maps.LatLng(43.523686, 5.495636),
new google.maps.LatLng(43.523692, 5.495658),
new google.maps.LatLng(43.523634, 5.495693)
];
var oBatD = new google.maps.Polygon({
paths: cBatD,
strokeColor: "#CC0000",
strokeOpacity: 1,
strokeWeight: 1,
fillColor: "#CC0000",
fillOpacity: 0.3,
});
oBatD.setMap(map);
attachPolygonInfoWindow(oBatD, '0A0300'); |
Partager