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
|
<h2>Localisation des hotels</h2>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
(function(){
function initialize_map() {
// Defintion de la taille de la carte pour ordi ou mobile
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("plan_hotels");
if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
} else {
mapdiv.style.width = '600px';
mapdiv.style.height = '300px';
}
var geocoder;
var map;
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(0, 0);
var myOptions = {zoom: 1, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP}
var address = '<?php echo $adresse[1]; ?>';
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
myOptions.center = results[0].geometry.location;
myOptions.zoom = 14;
map = new google.maps.Map(document.getElementById("plan_hotels"), myOptions);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
}
});
}
window.onload = initialize_map;
})();
</script>
<div id="plan_hotels" style="width:100% ; height:200px ; border:1px black solid">
</div> |
Partager