modificare mappa sito

Panamastreet

Nuovo Utente
16 Ago 2015
4
0
0
Ciao a tutti ho un sito nome www.fellini.es vorrei cambiare la mappa in contatti ma non me lo permette.. ho guardato tutti i file ed ho trovato solo questo che mi fa vedere questa possibilità purtroppo però anche cambiando i dati non cambia nulla.
il sito e fatto in html5 e java qui sotto allego il file in questione .js
Grazie per l aiuto

$(function() {
var $bf_page_menu = $('#bf_page_menu'),
$bf_menu_items = $bf_page_menu.find('a'),
$bf_container = $('#bf_container'),
$bf_pages = $bf_container.children('.bf_page'),
$pageTitle = $bf_page_menu.children('.title'),
$bf_dishes = $('#bf_dishes > li > a'),

$bf_background = $('#bf_background'),
$bg_image = $bf_background.children('img'),
$bf_overlay = $bf_background.children('.bf_overlay'),
$bf_prev = $('#bf_prev'),
$bf_next = $('#bf_next'),
$bf_close = $('#bf_close'),
$bf_gallery = $('#bf_gallery'),
$bf_gallery_wrapper = $bf_gallery.children('.bf_gallery_wrapper'),
$bf_items = $bf_gallery_wrapper.find('.bf_gallery_item'),
total_items = $bf_items.length,

BGMap = (function() {
var map,
$mapEl = $('#map'),
address = 'Nuestra Señora del Carmen 14, Corralejo',
lat = 28.737381,
lng = -13.868563,
display = false,

showMap = function() {
hideMap();

display = true;

var point = new google.maps.LatLng(lat,lng),
mapOptions = {
zoom : 18,
center : point,
mapTypeId : google.maps.MapTypeId.HYBRID,
mapTypeControl : false,
panControl : true,
panControlOptions : {
position : google.maps.ControlPosition.TOP_RIGHT
},
zoomControl : true,
zoomControlOptions : {
style : google.maps.ZoomControlStyle.SMALL,
position : google.maps.ControlPosition.TOP_RIGHT
},
streetViewControl : true,
streetViewControlOptions : {
position : google.maps.ControlPosition.TOP_RIGHT
}
};

map = new google.maps.Map(document.getElementById("map"), mapOptions);
//rotate 45 degrees (nicer view!)
map.setTilt(45);

resizeMap();

var coordInfoWindow = new google.maps.InfoWindow({maxWidth : 10}),
latlngStr = address + "<br />LatLng: " + lat + " , " + lng + "<br />";

coordInfoWindow.setContent(latlngStr);
coordInfoWindow.setPosition(point);
coordInfoWindow.open(map);

BGImageController.fadeBG(false);
},
resizeMap = function() {
$mapEl.css({
width : $(window).width() + 'px',
height : $(window).height() + 'px'
});
},
hideMap = function() {
display = false;
$mapEl.empty();
},
active = function() {
return display;
};

return {
showMap : showMap,
hideMap : hideMap,
active : active,
resizeMap : resizeMap
};
})(),

BGImageController = (function() {
var changeBgImageDim = function() {
var dim = getImageDim($bg_image);
//set the returned values and show the image
$bg_image.css({
width : dim.width + 'px',
height : dim.height + 'px',
left : dim.left + 'px',
top : dim.top + 'px'
});
if(!BGMap.active())
$bg_image.fadeIn(1500);
},
//get dimentions of the image,
//in order to make it full size and centered
getImageDim = function($i){
var $img = new Image();
$img.src = $i.attr('src');

var w_w = $(window).width(),
w_h = $(window).height(),
r_w = w_h / w_w,
i_w = $img.width,
i_h = $img.height,
r_i = i_h / i_w,
new_w,new_h,
new_left,new_top;

if(r_w > r_i){
new_h = w_h;
new_w = w_h / r_i;
}
else{
new_h = w_w * r_i;
new_w = w_w;
}

return {
width : new_w,
height : new_h,
left : (w_w - new_w) / 2,
top : (w_h - new_h) / 2
};

},
fadeBG = function(dir) {
return $.Deferred(
function(dfd) {
(dir) ? $bf_background.fadeIn(1000, dfd.resolve) : $bf_background.fadeOut(1500, dfd.resolve);
}
).promise();
},
/* preloads a set of images */
preloadImages = function() {
return $.Deferred(
function(dfd) {
var Images = new Array();

$bf_items.each(function(i) {
var $item = $(this),
$itemImg = $item.children('img'),
itemImgSrc = $itemImg.attr('src'),
itemBgImgSrc = $itemImg.data('bgimg');
Images.push(itemImgSrc);
Images.push(itemBgImgSrc);
});

var total_images = Images.length,
loaded = 0;
for(var i = 0; i < total_images; ++i){
$('<img/>').load(function() {
++loaded;
if(loaded === total_images)
dfd.resolve();
}).attr('src' , Images);
}
}
).promise();
};

return {
changeBgImageDim : changeBgImageDim,
getImageDim : getImageDim,
preloadImages : preloadImages,
fadeBG : fadeBG
};
})(),

BGSlider = (function() {
var animated = false,
animSpeed = 700,
current = 0,
defaultImage = 'images/background/default.jpg',

init = function(position) {
initEventsHandler();
slider(position);
},
stop = function() {
$(document).unbind('mousewheel keydown');
$bf_prev.unbind('click');
$bf_next.unbind('click');
$bf_close.unbind('click');
$bf_items.children('img').unbind('click');
},
light = function(speed, val, hide) {
$bf_overlay.stop().fadeTo(speed, val, function() {
if(hide)
$bf_overlay.hide();
});
},
initEventsHandler = function() {
$bf_prev.bind('click', function(e) {
navigate(0);
return false;
});

$bf_next.bind('click', function(e) {
navigate(1);
return false;
});

$bf_close.bind('click', function(e) {

hideNavigation();

light(500, 0.5);

var $bf_item_current = $bf_items.eq(current),
$heading = $bf_item_current.children('.bf_heading'),
$desc = $bf_item_current.children('.bf_desc');

animated = true;

stop();

$.when(animateHeadingDesc($heading, $desc, 0)).done(function(){
$bf_items.css('left','-20px').hide();
Template.reset();
replaceBGImage(defaultImage);
});

return false;
});

$bf_items.children('img').bind('click', function() {
$bf_gallery_wrapper.fadeOut();
light(500, 0, true);
});

/*
mousewheel events - down / up button trigger the navigate
key events - down / up button trigger the navigate
*/
$(document).bind('mousewheel', function(e, delta) {
if(delta > 0)
navigate(0);
else
navigate(1);
return false;
}).keydown(function(e){
switch(e.which){
case 37:
navigate(0);
break;
case 39:
navigate(1);
break;
}
});
},
slider = function(position) {
$bf_gallery_wrapper.show();

showNavigation();

$bf_items.eq(position).show();

light(500, 0.8);

//show heading and description of current / first image
current = position;

var $bf_item_current = $bf_items.eq(current),
$heading = $bf_item_current.children('.bf_heading'),
$desc = $bf_item_current.children('.bf_desc');

animated = true;
replaceBGImage($bf_item_current.children('img').data('bgimg'));

animateHeadingDesc($heading, $desc, 1);
},
showNavigation = function() {
$bf_prev.stop().animate({left : '10px'},animSpeed);
$bf_next.stop().animate({right : '10px'},animSpeed);
},
hideNavigation = function() {
$bf_prev.stop().animate({left : '-72px'},animSpeed);
$bf_next.stop().animate({right : '-72px'},animSpeed);
},
exitFullscreen = function() {
$bf_gallery_wrapper.fadeIn();
light(500, 0.8);
},
animateHeadingDesc = function($heading, $desc, dir) {
return $.Deferred(
function(dfd) {
var paramHeading = {},
paramDesc = {};

if(dir) {
paramHeading.left = '-10px';
paramHeading.top = '-10px';
paramDesc.right = '0px';
paramDesc.bottom = '0px';
} else {
paramHeading.left = '20px';
paramHeading.top = '95px';
paramDesc.right = '40px';
paramDesc.bottom = '95px';
}
$heading.stop().animate(paramHeading, animSpeed/3);
$desc.stop().animate(paramDesc, animSpeed/3, dfd.resolve);
}
).promise();
},
navigate = function(dir) {
if(animated) return false;

animated = true;

$bf_item_current = $bf_items.eq(current);

(dir) ? ++current : --current;

if(current > total_items - 1)
current = 0;
else if(current < 0)
current = total_items - 1;

//the next item is:
var $next_item = $bf_items.eq(current),

//1 step : hide heading and description of current image
$headingCurrent = $bf_item_current.children('.bf_heading'),
$descCurrent = $bf_item_current.children('.bf_desc');


$.when(animateHeadingDesc($headingCurrent, $descCurrent, 0)).done(function(){
//2 step : bf_gallery_wrapper overflow hidden
$bf_gallery_wrapper.css('overflow', 'hidden');

//3 step : position next image on the right side
var startingLeft = (dir) ? '480px' : '-520px',
currentEndingLeft = (dir) ? '-520px' : '480px';

$next_item.css('left', startingLeft).show();

//4 step : animate current one to the left side, and next one to the center
$bf_item_current.stop().animate({
left : currentEndingLeft
}, animSpeed);

$next_item.stop().animate({
left : '-20px'
}, animSpeed, function() {
$bf_item_current.hide();
$bf_gallery_wrapper.css('overflow', 'visible');
var $heading = $next_item.children('.bf_heading'),
$desc = $next_item.children('.bf_desc');

$.when(animateHeadingDesc($heading, $desc, 1)).done(function(){
animated = false;
});
});

animateBGImage(dir, $next_item);
});

},
animateBGImage = function(dir, $next_item) {
//animate bg image
var $next_item_bgimage = $('<img src="' + $next_item.children('img').data('bgimg') + '" alt="image' + (current + 1) + '" ></img>'),
dim = BGImageController.getImageDim($next_item_bgimage),

starting_left = (dir) ? $(window).width() : -dim.width + 'px';

//set the returned values and show the image
$next_item_bgimage.css({
width : dim.width + 'px',
height : dim.height + 'px',
left : starting_left,
top : dim.top + 'px'
}).insertAfter($bg_image).stop().animate({
left : dim.left + 'px'
}, animSpeed);;

var ending_left = (dir) ? -$bg_image.width() : $(window).width();

$bg_image.stop().animate({
left : ending_left + 'px'
}, animSpeed, function() {
$(this).remove();
$bg_image = $next_item_bgimage;
animated = false;
});
},
replaceBGImage = function(image) {
var $next_bgimage = $('<img src="' + image + '" alt="image' + (current + 1) + '" ></img>'),
dim = BGImageController.getImageDim($next_bgimage);

//set the returned values and show the image
$next_bgimage.css({
width : dim.width + 'px',
height : dim.height + 'px',
left : dim.left,
top : dim.top + 'px'
}).insertBefore($bg_image);

$bg_image.stop().fadeOut(animSpeed*2, function() {
$(this).remove();
$bg_image = $next_bgimage;
animated = false;
});
};

return {
init : init,
stop : stop,
exitFullscreen : exitFullscreen
};
})(),

Template = (function() {
var animSpeed = 700,

init = function() {
//preloads all the bg images for the slider
BGImageController.preloadImages();
//$.when( loadImages() ).done(function(){
BGImageController.changeBgImageDim();
initEventsHandler();

//});
},
initEventsHandler = function() {

$bf_menu_items.bind('click', function(e) {
var $item = $(this);

hidePageContent();

var item = $(this).data('content');
if(item === 'visit') {
BGMap.showMap();
} else{
$.when( BGImageController.fadeBG(true) ).done(function(){
BGMap.hideMap();
});
$('#' + $item.data('content')).show();
}
return false;
});

$bf_dishes.bind('click', function(e) {
initPhotoSlider($(this).parent('li').index());
return false;
});

//resizing the window resizes the $bg_image
$(window).bind('resize',function(e){
BGImageController.changeBgImageDim();
BGMap.resizeMap();
});

$bf_background.delegate('img', 'click', function(e) {
BGSlider.exitFullscreen();
return false;
});

},
hidePageContent = function() {
$bf_pages.hide();
BGSlider.stop();
},
initPhotoSlider = function(position) {
//initialize the photos slider
BGSlider.init(position);
//hide the photo thumbs and show the slider section
$bf_gallery.show().siblings().fadeOut(animSpeed/2);
//hide the page navigation menu
togglePageMenu(false);
},
togglePageMenu = function(dir) {
(dir) ?
$bf_page_menu.stop().animate({left:'0px'}, animSpeed) :
$bf_page_menu.stop().animate({left:'-300px'}, animSpeed);
},
reset = function() {
$bf_gallery.hide().siblings().fadeIn(animSpeed);
togglePageMenu(true);
};

return {
init : init,
reset : reset
};
})();

Template.init();
});
 
Discussioni simili
Autore Titolo Forum Risposte Data
P modificare mappa sito Javascript 0
M [cerco webmaster] sito web da modificare Offerte e Richieste di Lavoro e/o Collaborazione 0
G Come modificare un pdf in php PHP 1
napuleone modificare il valore dellascroll bar di webkit HTML e CSS 8
Shyson Modificare codice e creare link PHP 0
J Modificare panorami 360 ps 2020 Photoshop 0
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
C modificare sito in locale con dreamWeaver HTML e CSS 3
T Modificare ruolo utenti in fase di registrazione E-Commerce 0
M modificare un file .XML da database Sql PHP 13
S Modificare intestazione documento pdf con LO Draw Linux e Software 0
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
Shyson Modificare funzione php PHP 15
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F Modificare report di etichette di access con vba MS Access 0
D [PHP] Tabella: modificare direttamente i valori PHP 6
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
Q impossibile modificare un file ....... C/C++ 2
C [HTML] modificare la scritta della copyright HTML e CSS 2
G [PHP] MODIFICARE DATI TABELLA CONTESTUALMENTE PHP 6
Y [PHP] [HTML] Modificare i quadranti PHP 1
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
W Non riesco più a modificare i dati di una tabella da phpmyadmin MySQL 0
V [WordPress] Come modificare link in tasto menu css WordPress 21
Y Modificare script php PHP 5
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
pfranco [PHP] Modificare pagina web online PHP 9
Shyson Modificare codice jQuery 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
Kolop "Modificare HTML" HTML e CSS 13
K [ASP.Net] Utilizzare e modificare dati linq ASP.NET 0
G Modificare navbar in base allo scroll jQuery 6
R [Photoshop] Modificare luminosità dei bordi in una foto Photoshop 2
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
A modificare .jar con classe personalizzata Java 9
Mer556 BLOCCATO nel modificare un sito HTML e CSS 3
T modificare un template html5 HTML e CSS 6
B Modificare sorgente di pagina HTML e CSS 10
napuleone Modificare attributi di una classe con js Javascript 2
C modificare un rss con php PHP 2
L Modificare dati tabella mysql PHP 2
X come modificare paginazione del tutorial PHP 0
A modificare posizione plug in almeno credo WordPress 3
R Modificare html in modo dinamico PHP 3

Discussioni simili