how to modify the radius of a google maps circle with a horizontal-slider?


I have a horizontal slider in my index:

<label> <br><div class="slidecontainer"> <input type="range" min="100" 
max="1000" value="1000" step="40" class="slider" id="myRange"> </div> 100 
- 1000 mts</label><br>

and with this I want to modify the radius of the circle that is in the map in a dynamic way

var mts = $('#myRange').val();
  circle_marker_origin = new google.maps.Circle({
    strokeColor: '#B21F10',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#D35145',
    fillOpacity: 0.35,
    map: map,
    center: {lat: LatClick, lng: LngClick},
    radius: mts*1,
    draggable: true,
    clickable: false
asked by GARGED 19.11.2018 в 03:39

0 answers