Skip to content

Latest commit

 

History

History
76 lines (59 loc) · 1.67 KB

File metadata and controls

76 lines (59 loc) · 1.67 KB

💚 This is the latest document.

circle.setRadius()

Sets the radius of this circle.

circle.setRadius(radius);

Parameters

name type description
radius number radius in meters.

Demo code

<div id="map_canvas"></div>
var center = {"lat": 32, "lng": -97};

// radius (meter)
var radius = 300;

// Calculate the positions
var deg0 = plugin.google.maps.geometry.spherical.computeOffset(center, radius, 0);
var deg90 = plugin.google.maps.geometry.spherical.computeOffset(center, radius, 90);
var deg180 = plugin.google.maps.geometry.spherical.computeOffset(center, radius, 180);
var deg270 = plugin.google.maps.geometry.spherical.computeOffset(center, radius, 270);

var mapDiv = document.getElementById("map_canvas");
var map = plugin.google.maps.Map.getMap(mapDiv, {
  camera: {
    target: [
      center,
      deg0,
      deg90,
      deg180,
      deg270
    ],
    padding: 100
  }
});

var marker = map.addMarker({
  'position': deg0,
  'draggable': true,
  'title': 'Drag me!'
});

marker.showInfoWindow();

// Add circle
var circle = map.addCircle({
  'center': center,
  'radius': radius,
  'strokeColor' : '#AA00FF',
  'strokeWidth': 5,
  'fillColor' : '#00880055'
});

marker.on("position_changed", function(oldValue, newValue) {
  // Calculate distance between center and the marker position
  var radius = plugin.google.maps.geometry.spherical.computeDistanceBetween(center, newValue);

  // Update the radius
  circle.setRadius(radius);
});