Bonjour à tous,

j'utilise l'api google map pour proposer à mes utilisateurs de sélectionner une zone géographique avec le code suivant:

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
 
<script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: { lat: 48.44389571, lng: 1.489013282},
          zoom: 7
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
        var circle = new google.maps.Circle({
            map: map,
            center: new google.maps.LatLng(48.44389571, 1.489013282),
            radius: 50000,
            strokeColor:"#00ff00",
            fillColor:"red",
            editable: true,
            });
        google.maps.event.addListener (circle, "radius_changed", function(){
            document.getElementById("info").innerHTML = circle.getRadius();
        });
        google.maps.event.addListener (circle, "center_changed", function(){
            document.getElementById("info").innerHTML = circle.getCenter();
        });
 
 
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
Cela crée un cercle éditable sur google map. J'aimerai y ajouter cependant une fonctionnalité bien utile:
Limiter la taille minimale (et maximale si possible) de ce cercle.
J'aimerai que sur l'interface le cercle ne puisse pas être inférieur à un certain rayon.
Cela vous semble possible?
Si oui comment?
Merci de votre aide précieuse.
Cordialement,

CyriL