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 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101
| <!-- saved from url=(0016)<a href="http://localhost" target="_blank">http://localhost</a> -->
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow:hidden;">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Map</title>
<style type="text/css">
body { height: 100%; margin: 0px; padding: 0px; overflow: hidden }
#map { height: 100% }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var oMap = {
map: null,
markers: []
};
oMap.init = function() {
if (document.getElementById) {
var mapDiv = document.getElementById('map');
var latlng = new google.maps.LatLng(47.05,2.2);
var options = {
center: latlng,
zoom: 6,
scalecontrol: true,
zoomcontrol: true,
streetViewControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
oMap.map = new google.maps.Map(mapDiv, options);
}}
oMap.addMarker = function(lat,lon,msg) {
if (oMap.map) {
var latlng = new google.maps.LatLng(lat,lon);
var options = {
position: latlng,
map: oMap.map,
title: msg
};
var marker = new google.maps.Marker(options);
oMap.markers.push(marker);
}}
oMap.clearMarkers = function() {
if (oMap.map) {
for (var i in oMap.markers) {
oMap.markers[i].setMap(null);
}
oMap.markers.length = 0;
}}
oMap.adjustViewPort = function() {
if (oMap.map) {
var bounds = new google.maps.LatLngBounds();
for (var i in oMap.markers) {
bounds.extend(oMap.markers[i].getPosition());
}
oMap.map.fitBounds(bounds)
;
}}
oMap.adjustZoomMap = function (facZoom){
if (oMap.map) {
oMap.map.setZoom(facZoom)
;
}}
oMap.calcRoute = function() {
if (oMap.map) {
var start = new google.maps.LatLng(oMap.markers[2]);
var end = new google.maps.LatLng(oMap.markers[1]);
var directionsDisplay = new google.maps.DirectionsRenderer();
var request = {
origin : start,
destination : end,
travelMode : google.maps.TravelMode.DRIVING
};
var directionsService = new google.maps.DirectionsService();
oMap.map.DirectionsService(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}}
google.maps.event.addDomListener(window,'load', oMap.init);
</script>
</head>
<body>
<div id="Map"></div>
</body>
</html> |
Partager