var width = 512; var height = 500; var image_width = 4524; var image_height = 2524; var margin_y = height - image_height/image_width*width; var delta_lat = 180; var delta_lng = 90; var tilesize = 256; var lock=false; var image_colors = { 'orange' : '#E29104', 'vert': '#2AA330', 'bleu': '#014594' }; var my_icon = new GIcon(G_DEFAULT_ICON); my_icon.iconSize = new GSize(15,15); my_icon.iconAnchor = new GPoint(8, 8); my_icon.shadow = ""; var image_points = [ ['Javel-Bas - Parc André Citroën Aval', 64.29165720785821, -92.021484375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/javel-bas-parc-andre-citroen'], ['Javel-Bas - Parc André Citroën Amont',65.11777850658116, -90.263671875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/javel-bas-parc-andre-citroen'], ['Passy - Maison de la radio', 72.10724552718173, -80.244140625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/maison-de-radio'], ['Grenelle', 72.63949397249112, -72.685546875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'], ['Grenelle', 73.05421481494305, -71.103515625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'], ['Grenelle', 73.55910702237522, -69.697265625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'], ['Ile-aux-cygnes',74.61888576136592, -68.818359375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'], ['La Bourdonnais - Tour Eiffel', 77.06370779625374, -60.556640625 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/trocadero-debilly'], ['Debilly Trocadero', 77.67849937927903, -61.083984375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'], ['Debilly Trocadero', 78.01158540791275, -59.677734375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'], ['La Bourdonnais - Musée du Quai Branly', 78.19278329010827, -54.404296875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/musee-quai-branly-bourdonnais'], ['Champs-Élysées', 79.12555546808876, -27.685546875 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/champs-elysees'], ['Solferino - Musée d\'Orsay', 77.82764811343401, -12.919921875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'], ['Solferino - Musée d\'Orsay', 77.64093191586252, -10.810546875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'], ['Solferino - Musée d\'Orsay', 77.41314801475698, -9.052734375 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'], ['Louvre',77.22017685789297, -2.548828125 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-louvre'], ['Malaquais - Saint-Père - Saint-Germain-des-Prés', 76.46000570219543, 0.087890625 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/saints-peres-saint-germain-pres'], ['Notre Dame - Saint-Michel', 74.04935940066932, 15.908203125 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/saint-michel'], ['Montebello - Notre-Dame', 72.37531504109882, 24.345703125 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/montebello-notre-dame'], ['La Tournelle',71.9445149979021, 28.388671875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-tournelle-notre-dame'], ['Hôtel de Ville',73.85499013027356, 30.673828125 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/hotel-de-ville'], ['Henri IV', 70.29603235237349, 41.572265625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/henri-iv'], ['Saint-Bernard - Jardin des plantes', 69.32556184466686, 40.869140625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/jardin-plantes'], ['Saint-Bernard - Jardin des plantes', 68.69597280530054, 42.099609375,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/jardin-plantes'], ['Gare d\'Austerlitz', 63.907752120560694, 52.822265625 ,'orange', ''], ['Gare d\'Austerlitz', 63.04433717013939, 54.404296875,'vert', ''], ['La Gare - Bibliothèque francois Miterrand', 56.13249080049441, 65.654296875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-gare-bibliotheque-nationale-de-france'], ['La Gare - Bibliothèque francois Miterrand', 54.73646207379949, 66.884765625,'vert', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-gare-bibliotheque-nationale-de-france'], ['Parc de Bercy',56.81210588746822, 68.115234375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/bercy'], ['Parc de Bercy',55.83749116024753, 69.345703125 ,'vert', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/bercy'], ['Ivry - Pont Mandella', 35.405767283594884, 91.845703125,'vert', ''] ]; function placer_point(nom, lat, lng, pointeur, lien){ var icon = new GIcon(my_icon); icon.image = '/sites/all/modules/gmap_image/' + pointeur + '.png'; var marker = new GMarker(new GLatLng(lat, lng), icon); map.addOverlay(marker); GEvent.addListener(marker, "click", function() { html = "

" + nom + "

"; html = html + "Afficher cette escale"; if($("#map_infos").css('display') == "none"){ //$("#map_infos").width($("#map_infos_inner").width()+ 40); $("#map_infos_inner").removeClass('orange bleu vert'); $("#map_infos").removeClass('orange bleu vert'); $("#map_infos_inner").addClass(pointeur).html(html); $("#map_infos").width('auto').fadeIn(500).addClass(pointeur).width($("#map_infos").width()); } else{ $("#map_infos_inner").fadeOut(500, function(){ $("#map_infos_inner").html(html); $("#map_infos").animate({ 'background-color': image_colors[pointeur], 'width': $("#map_infos_inner").width() + 40 }, function(){ $("#map_infos").removeClass('orange bleu vert').addClass(pointeur); $("#map_infos_inner").removeClass('orange bleu vert').addClass(pointeur); $("#map_infos_inner").fadeIn(500); }); }); } }); } function CustomGetTileUrl(a,b) { var z = 17 - b; var f = "/gmap_image/"+width+"/"+height+"/"+a.x+"/"+a.y+"/"+z; return f; } function gmap_image_initialize() { $("#map_infos").hide(); $('#masquer_map').click(function(){$("#map_infos").fadeOut(500); return false;}); function checkBounds() { if(lock){ return; } var center = new GLatLng(45,59); latlng = map.getBounds(); var zoom = map.getZoom(); var currentProjection = new GMercatorProjection(12); map_center = currentProjection.fromLatLngToPixel(map.getCenter() , zoom); zoom = Math.pow(2,map.getZoom()-1); if(map.getZoom() == 1){ if(map.getCenter().lat() != center.lat() || map.getCenter().lng() != center.lng()){ map.setCenter(center, 1); } else{ return; } } else{ _x = map_center.x; _y = map_center.y; max_y = zoom*height - zoom*margin_y - height/2; if( _x < width/2 && _x > 100){ lock = true; _x = width/2; } if( _x < width/2 && _x < 100 || _x > (2*zoom-1)/2*width){ lock = true; _x = (2*zoom-1)/2*width; } if( _y < height/2 && _y > 100){ lock = true; _y = height/2; } if( (_y < height/2 && _y < 100) || (_y > max_y)){ lock = true; _y = max_y; } if(lock){ map.setCenter(currentProjection.fromPixelToLatLng(new GPoint(_x, _y), map.getZoom())); lock = false; } } } if (GBrowserIsCompatible()) { var copyright = new GCopyright(1, new GLatLngBounds(new GLatLng(-delta_lat, -delta_lng), new GLatLng(delta_lat, delta_lng)), 0, "©2009 WebsiteBuro"); var copyrightCollection = new GCopyrightCollection('WSB'); copyrightCollection.addCopyright(copyright); var tilelayers = [new GTileLayer(copyrightCollection , 1, 3)]; tilelayers[0].getTileUrl = CustomGetTileUrl; projection = new GMercatorProjection(12); projection.tileCheckRange = function(a,b,c){ if (a.y<-1||a.y>=height*Math.pow(2,b-1)/c) { return false; } if(a.x<-1||a.x>=width*Math.pow(2,b-1)/c){ return false; } return true } var custommap = new GMapType(tilelayers, projection, "WSB", {'tileSize':tilesize, errorMessage:"No data available"}); map = new GMap2(document.getElementById('map_canvas_image'), {'mapTypes':[custommap], 'backgroundColor':'#000000'}); map.addControl(new GLargeMapControl()); map.setMapType(custommap); map.setCenter(new GLatLng(64.41465661400224, -10.08203125), 2); GEvent.addListener(map, "move", function() { checkBounds(); }); for(i=0;i