Google Maps API JS v3. Varias cosas

IvanAsturS · #1 (**permalink**) 21/03/2011, 18:46

Hola,

He echo una búsqueda rápida en el foro y creo que esta es la categoría adecuada para este post, pero si no fuera así, rogaría lo moviera un moderador y espero acepte mis disculpas ;)

He creado un mapa sobre Google Maps utilizando la API JavaScript v3. El mapa en cuestión puede verse aquí [URL]http://www.astursoluciones.com/obsa/map/index_geo1.php[/URL]

Como puede verse en mi mapa, el mundo se reduce a Asturias (provincia española), que a su vez está separada en los diferentes concejos que tiene...

Me faltan ciertas cosas, pero hay 2 que no se si ni siquiere se pueden hacer (he buscado por la API de Google pero no acabo de encontrar nada)

¿Se puede deshabilitar el zoom completamente, tambien la rueda del ratón?

Para esto pense en añadir un evento de este tipo, pero no me convence la idea, ya que se realizar recargar del mapa innecesarias.
Código:
google.maps.event.addListener(map, 'zoom_changed', function() {
map.setZoom(8);
});

¿Se puede bloquear el mapa? Es decir, que no se pueda arrastrar y mover, ya que no tiene mucho sentido en este mapa.

Muchas gracias por anticipado
Un saludo, Iván

IvanAsturS · #2 (**permalink**) 22/03/2011, 06:05

Hola, no creo que Diseño Gráfico sea la mejor categoría para este mensaje, no? Supongo que si en Web General no estaba bien, quizás JavaScript fuera más conveniente, pero en diseño gráfico no acabo de ver relación.

Gracias, un saludo.

pao01 · #3 (**permalink**) 22/03/2011, 06:57

Tema movido desde Foro de Diseño Gráfico.

caricatos · #4 (**permalink**) 22/03/2011, 12:13

Tema movido desde Web general

abimaelrc · #5 (**permalink**) 31/03/2011, 07:55

Sí es posible, algo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>test</title>
    <style>
    *{ margin: 0; padding: 0; }
    html, body, #map{
        width: 100%;
        height: 100%;
    }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
    <script type="text/javascript">
    window.onload = function(){
        var options = {
            zoom: 9,
            center: new google.maps.LatLng(18.1, -66.4),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDoubleClickZoom: true,
            draggable: false,
            scrollwheel: false,
            disableDefaultUI: true
        };
        var map = new google.maps.Map(document.getElementById('map'), options);
    };
    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>