cordova-plugin-googlemaps/src/browser/PluginCircle.js

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

var utils = require('cordova/utils'),
  event = require('cordova-plugin-googlemaps.event'),
  BaseClass = require('cordova-plugin-googlemaps.BaseClass');

function PluginCircle(pluginMap) {
  var self = this;
  BaseClass.apply(self);
  Object.defineProperty(self, 'pluginMap', {
    value: pluginMap,
    writable: false
  });
}

utils.extend(PluginCircle, BaseClass);

PluginCircle.prototype._create = function(onSuccess, onError, args) {
  var self = this,
    map = self.pluginMap.get('map'),
    circleId = 'circle_' + args[2],
    pluginOptions = args[1];

  var circleOpts = {
    'overlayId': circleId,
    'map': map
  };

  circleOpts.center = pluginOptions.center;
  circleOpts.radius = pluginOptions.radius;

  if (Array.isArray(pluginOptions.strokeColor)) {
    circleOpts.strokeColor = 'rgb(' + pluginOptions.strokeColor[0] + ',' + pluginOptions.strokeColor[1] + ',' + pluginOptions.strokeColor[2] + ')';
    circleOpts.strokeOpacity = pluginOptions.strokeColor[3] / 256;
  }
  if (Array.isArray(pluginOptions.fillColor)) {
    circleOpts.fillColor = 'rgb(' + pluginOptions.fillColor[0] + ',' + pluginOptions.fillColor[1] + ',' + pluginOptions.fillColor[2] + ')';
    circleOpts.fillOpacity = pluginOptions.fillColor[3] / 256;
  }
  if ('width' in pluginOptions) {
    circleOpts.strokeWeight = pluginOptions.width;
  }
  if ('zIndex' in pluginOptions) {
    circleOpts.zIndex = pluginOptions.zIndex;
  }
  if ('visible' in pluginOptions) {
    circleOpts.visible = pluginOptions.visible;
  }
  if ('clickable' in pluginOptions) {
    circleOpts.clickable = pluginOptions.clickable;
  }

  var circle = new google.maps.Circle(circleOpts);
  circle.addListener('click', function(polyMouseEvt) {
    self._onCircleEvent.call(self, circle, polyMouseEvt);
  });

  self.pluginMap.objects[circleId] = circle;

  onSuccess({
    '__pgmId': circleId
  });
};

PluginCircle.prototype.setCenter = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var lat = args[1];
  var lng = args[2];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setCenter(new google.maps.LatLng(lat, lng));
  }
  onSuccess();
};

PluginCircle.prototype.setFillColor = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var fillColor = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {

    if (Array.isArray(fillColor)) {
      circle.setOptions({
        'fillColor': 'rgb(' + fillColor[0] + ',' + fillColor[1] + ',' + fillColor[2] + ')',
        'fillOpacity': fillColor[3] / 256
      });
    }
  }
  onSuccess();
};

PluginCircle.prototype.setStrokeColor = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var strokeColor = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {

    if (Array.isArray(strokeColor)) {
      circle.setOptions({
        'strokeColor': 'rgb(' + strokeColor[0] + ',' + strokeColor[1] + ',' + strokeColor[2] + ')',
        'strokeOpacity': strokeColor[3] / 256
      });
    }
  }
  onSuccess();
};

PluginCircle.prototype.setStrokeWidth = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var width = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setOptions({
      'strokeWeight': width
    });
  }
  onSuccess();
};

PluginCircle.prototype.setRadius = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var radius = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setRadius(radius);
  }
  onSuccess();
};

PluginCircle.prototype.setZIndex = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var zIndex = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setOptions({
      'zIndex': zIndex
    });
  }
  onSuccess();
};

PluginCircle.prototype.setVisible = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var visible = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setVisible(visible === true);
  }
  onSuccess();
};

PluginCircle.prototype.setClickable = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var clickable = args[1];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    circle.setOptions({
      'clickable': clickable === true
    });
  }
  onSuccess();
};

PluginCircle.prototype.remove = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var circle = self.pluginMap.objects[overlayId];
  if (circle) {
    google.maps.event.clearInstanceListeners(circle);
    circle.setMap(null);
    circle = undefined;
    self.pluginMap.objects[overlayId] = undefined;
    delete self.pluginMap.objects[overlayId];
  }
  onSuccess();
};

PluginCircle.prototype._onCircleEvent = function(circle, polyMouseEvt) {
  var self = this,
    mapId = self.pluginMap.__pgmId;
  if (mapId in plugin.google.maps) {
    plugin.google.maps[mapId]({
      'evtName': event.CIRCLE_CLICK,
      'callback': '_onOverlayEvent',
      'args': [circle.overlayId, new plugin.google.maps.LatLng(polyMouseEvt.latLng.lat(), polyMouseEvt.latLng.lng())]
    });
  }

};
module.exports = PluginCircle;