175 lines
5.4 KiB
JavaScript
175 lines
5.4 KiB
JavaScript
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;
|