JavaScript « google maps и autozoom
Привет.
У меня вопрос по Google Maps.
Подключил я это чудо на страницу. Размером она довольно велика и когда скроллишь страницу и курсор оказывается над картой - срабатывает автозумм, т.е. карта начинает зуммиться, что не очень удобно. Побился пару часов, ковырнул мануалы, но там написано, что mouseWheelZoom по дефолту отключен...
Вот сижу и думаю, то ли лыжи не едут, то ли не там читал...
Растолкуйте, ткните носом в мануал... Буду благодарен за любую помощь.
вот так подключил :
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
function initialize() {
//start coords
var myLatlng = new google.maps.LatLng( 43.25, 76.9);
var myOptions = {
zoom: 14,
center: myLatlng,
panControl: false,
zoomControl: true,
scaleControl: false,
mapTypeId: google.maps.MapTypeId.SATELLITE,
}
//map created
var map = new google.maps.Map(document.getElementById("mapAddr"), myOptions);
var contentString = '<div id="content">Тут всё то про что должно быть рассказано</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Кликните для детальной информации'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(map, 'mouseover', function() {
map.disableScrollWheelZoom();
});
Заранее спасибо.
У меня вопрос по Google Maps.
Подключил я это чудо на страницу. Размером она довольно велика и когда скроллишь страницу и курсор оказывается над картой - срабатывает автозумм, т.е. карта начинает зуммиться, что не очень удобно. Побился пару часов, ковырнул мануалы, но там написано, что mouseWheelZoom по дефолту отключен...
Вот сижу и думаю, то ли лыжи не едут, то ли не там читал...
Растолкуйте, ткните носом в мануал... Буду благодарен за любую помощь.
вот так подключил :
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
function initialize() {
//start coords
var myLatlng = new google.maps.LatLng( 43.25, 76.9);
var myOptions = {
zoom: 14,
center: myLatlng,
panControl: false,
zoomControl: true,
scaleControl: false,
mapTypeId: google.maps.MapTypeId.SATELLITE,
}
//map created
var map = new google.maps.Map(document.getElementById("mapAddr"), myOptions);
var contentString = '<div id="content">Тут всё то про что должно быть рассказано</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Кликните для детальной информации'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(map, 'mouseover', function() {
map.disableScrollWheelZoom();
});
Заранее спасибо.
1 ответов
Добавь в параметры "scrollwheel : false"
var myOptions = {
zoom: 14,
center: myLatlng,
panControl: false,
zoomControl: true,
scaleControl: false,
mapTypeId: google.maps.MapTypeId.SATELLITE,
scrollwheel : false
}