cordova-plugin-googlemaps/www/Circle.js

Google Maps native SDK for Android and iOS, and Google Maps JavaScript API v3 for browser.

var utils = require('cordova/utils'),
  common = require('./Common'),
  LatLngBounds = require('./LatLngBounds'),
  Overlay = require('./Overlay');

/*****************************************************************************
 * Circle Class
 *****************************************************************************/
var Circle = function (map, circleOptions, _exec) {
  Overlay.call(this, map, circleOptions, 'Circle', _exec);

  var self = this;

  //-----------------------------------------------
  // Sets event listeners
  //-----------------------------------------------
  self.on('center_changed', function () {
    var center = self.get('center');
    center.lat = parseFloat(center.lat, 10);
    center.lng = parseFloat(center.lng, 10);
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setCenter', [self.getId(), center.lat, center.lng]);
  });
  self.on('fillColor_changed', function () {
    var color = self.get('fillColor');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setFillColor', [self.getId(), common.HTMLColor2RGBA(color, 0.75)]);
  });
  self.on('strokeColor_changed', function () {
    var color = self.get('strokeColor');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setStrokeColor', [self.getId(), common.HTMLColor2RGBA(color, 0.75)]);
  });
  self.on('strokeWidth_changed', function () {
    var width = self.get('strokeWidth');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setStrokeWidth', [self.getId(), width]);
  });
  self.on('clickable_changed', function () {
    var clickable = self.get('clickable');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setClickable', [self.getId(), clickable]);
  });
  self.on('radius_changed', function () {
    var radius = self.get('radius');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setRadius', [self.getId(), radius]);
  });
  self.on('zIndex_changed', function () {
    var zIndex = self.get('zIndex');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setZIndex', [self.getId(), zIndex]);
  });
  self.on('visible_changed', function () {
    var visible = self.get('visible');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setVisible', [self.getId(), visible]);
  });

};

utils.extend(Circle, Overlay);

Circle.prototype.getCenter = function () {
  return this.get('center');
};
Circle.prototype.getRadius = function () {
  return this.get('radius');
};
Circle.prototype.getStrokeColor = function () {
  return this.get('strokeColor');
};
Circle.prototype.getStrokeWidth = function () {
  return this.get('strokeWidth');
};
Circle.prototype.getZIndex = function () {
  return this.get('zIndex');
};
Circle.prototype.getVisible = function () {
  return this.get('visible');
};
Circle.prototype.getClickable = function () {
  return this.get('clickable');
};
Circle.prototype.setCenter = function (center) {
  center.lat = parseFloat(center.lat, 10);
  center.lng = parseFloat(center.lng, 10);
  this.set('center', center);
  return this;
};
Circle.prototype.setFillColor = function (color) {
  this.set('fillColor', color);
  return this;
};
Circle.prototype.setStrokeColor = function (color) {
  this.set('strokeColor', color);
  return this;
};
Circle.prototype.setStrokeWidth = function (width) {
  this.set('strokeWidth', width);
  return this;
};
Circle.prototype.setVisible = function (visible) {
  visible = common.parseBoolean(visible);
  this.set('visible', visible);
  return this;
};
Circle.prototype.setClickable = function (clickable) {
  clickable = common.parseBoolean(clickable);
  this.set('clickable', clickable);
  return this;
};
Circle.prototype.setZIndex = function (zIndex) {
  this.set('zIndex', zIndex);
  return this;
};
Circle.prototype.setRadius = function (radius) {
  this.set('radius', radius);
  return this;
};

Circle.prototype.remove = function (callback) {
  var self = this;
  if (self._isRemoved) {
    if (typeof callback === 'function') {
      return;
    } else {
      return Promise.resolve();
    }
  }
  Object.defineProperty(self, '_isRemoved', {
    value: true,
    writable: false
  });
  self.trigger(self.__pgmId + '_remove');

  var resolver = function(resolve, reject) {
    self.exec.call(self,
      function() {
        self.destroy();
        resolve.call(self);
      },
      reject.bind(self),
      self.getPluginName(), 'remove', [self.getId()], {
        remove: true
      });
  };

  if (typeof callback === 'function') {
    resolver(callback, self.errorHandler);
  } else {
    return new Promise(resolver);
  }

};

Circle.prototype.getBounds = function () {
  var d2r = Math.PI / 180; // degrees to radians
  var r2d = 180 / Math.PI; // radians to degrees
  var earthsradius = 3963.189; // 3963 is the radius of the earth in miles
  var radius = this.get('radius');
  var center = this.get('center');
  radius *= 0.000621371192;

  // find the raidus in lat/lon
  var rlat = (radius / earthsradius) * r2d;
  var rlng = rlat / Math.cos(center.lat * d2r);

  var bounds = new LatLngBounds();
  var ex, ey;
  for (var i = 0; i < 360; i += 90) {
    ey = center.lng + (rlng * Math.cos(i * d2r)); // center a + radius x * cos(theta)
    ex = center.lat + (rlat * Math.sin(i * d2r)); // center b + radius y * sin(theta)
    bounds.extend({
      lat: ex,
      lng: ey
    });
  }
  return bounds;
};

module.exports = Circle;