Bonjour,

Voici mon soucis : Mon formulaire disparaît quand je zoom sur la map

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
        var componentForm = {
          route: 'long_name',
          postal_code: 'short_name',
          locality: 'long_name',
        };
 
        //autocomplete address interest point
        var input_interest_point  = document.getElementById("autocomplete_interest_point");
        var autocomplete_interest_point = new google.maps.places.Autocomplete(input_interest_point, options);
        autocomplete_interest_point.bindTo('bounds', googleMap);
 
        // Autocomplete address intererest point form
        google.maps.event.addListener(autocomplete_interest_point, 'place_changed', function() 
        {
            var place = autocomplete_interest_point.getPlace();
 
            latitude = place.geometry.location.lat();
            longitude = place.geometry.location.lng();
 
            document.getElementById('latitude').value = latitude;
            document.getElementById('longitude').value = longitude;
 
            for (var component in componentForm) {
                document.getElementById(component).value = '';
                document.getElementById(component).disabled = false;
            }
 
            for (var i = 0; i < place.address_components.length; i++) {
 
                var addressType = place.address_components[i].types[0];
 
                if (componentForm[addressType]) {
                  var val = place.address_components[i][componentForm[addressType]];
                  document.getElementById(addressType).value = val;
                }
            }
 
            var myLatlng = {lat: latitude, lng: longitude};
 
            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 16,
                center: myLatlng
            });
 
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
            });
 
        });
L'autocomplete marche super, mais quand je zoom sur la map avec le marker (cela fonctionne) mon form disparait ( ainsi que mes autres div sur ma partie droite de la map)...

Cordialement