11521 sujets

JavaScript, DOM et API Web HTML5

API GOOGLE MAP

Bonjour les amis !
Je voudrais savoir s'il vous plaît comment puis je enlever le zoom de la API de Google Map au moment ou j'utilise la mollete de la souris. J'ai tester plusieurs solutions mais rien ne marche si vous pourriez m'aider s'il vous plaît ; voici le code et merci d'avance : 




          
function initialize() {
    var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
        (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
    if (isMobile) {
        var viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
    }
    var mapDiv = document.getElementById('googft-mapCanvas');
    mapDiv.style.width = isMobile ? '100%' : '500px';
    mapDiv.style.height = isMobile ? '100%' : '300px';
    var map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(46.8041757846785, 6.329927325749395),
       // zoom: 6,

        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

    layer = new google.maps.FusionTablesLayer({
        map: map,
        heatmap: { enabled: false },
        query: {
            select: "col0",
            from: "1UXAF9G8-dIOR8UEy-zekTbM_AphT-9a5Y5FvzdeO",
            where: ""
        },
        options: {
            styleId: 2,
            templateId: 2

        }
    });

    if (isMobile) {
        var legend = document.getElementById('googft-legend');
        var legendOpenButton = document.getElementById('googft-legend-open');
        var legendCloseButton = document.getElementById('googft-legend-close');
        legend.style.display = 'none';
        legendOpenButton.style.display = 'block';
        legendCloseButton.style.display = 'block';
        legendOpenButton.onclick = function () {
            legend.style.display = 'block';
            legendOpenButton.style.display = 'none';
        }
        legendCloseButton.onclick = function () {
            legend.style.display = 'none';
            legendOpenButton.style.display = 'block';
        }
    }
}

google.maps.event.addDomListener(window, 'load', initialize);

Modifié par DiegoGaby (17 Aug 2018 - 07:37)
DiegoGaby a écrit :
Bonjour les amis !
Je voudrais savoir s'il vous plaît comment puis je enlever le zoom de la API de Google Map au moment ou j'utilise la mollete de la souris. J'ai tester plusieurs solutions mais rien ne marche si vous pourriez m'aider s'il vous plaît ; voici le code et merci d'avance : 




          
function initialize() {
    var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
        (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
    if (isMobile) {
        var viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
    }
    var mapDiv = document.getElementById('googft-mapCanvas');
    mapDiv.style.width = isMobile ? '100%' : '500px';
    mapDiv.style.height = isMobile ? '100%' : '300px';
    var map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(46.8041757846785, 6.329927325749395),
       // zoom: 6,

        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

    layer = new google.maps.FusionTablesLayer({
        map: map,
        heatmap: { enabled: false },
        query: {
            select: "col0",
            from: "1UXAF9G8-dIOR8UEy-zekTbM_AphT-9a5Y5FvzdeO",
            where: ""
        },
        options: {
            styleId: 2,
            templateId: 2

        }
    });

    if (isMobile) {
        var legend = document.getElementById('googft-legend');
        var legendOpenButton = document.getElementById('googft-legend-open');
        var legendCloseButton = document.getElementById('googft-legend-close');
        legend.style.display = 'none';
        legendOpenButton.style.display = 'block';
        legendCloseButton.style.display = 'block';
        legendOpenButton.onclick = function () {
            legend.style.display = 'block';
            legendOpenButton.style.display = 'none';
        }
        legendCloseButton.onclick = function () {
            legend.style.display = 'none';
            legendOpenButton.style.display = 'block';
        }
    }
}

google.maps.event.addDomListener(window, 'load', initialize);
Integrator a écrit :
Et donc tu as fais comment?




 zoom: 6,
                scrollwheel : false,
                zoomControl : false,
                scaleControl: false,
                disableDoubleClickZoom: false,
Sujet clos
Aller à