cordova-plugin-googlemaps/www/Polyline.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'),
  Overlay = require('./Overlay');

/*****************************************************************************
 * Polyline Class
 *****************************************************************************/
var Polyline = function (map, polylineOptions, _exec) {
  Overlay.call(this, map, polylineOptions, 'Polyline', _exec, {
    'ignores': ['points']
  });

  var self = this;
  var polylineId = this.getId();

  var pointsProperty = common.createMvcArray(polylineOptions.points);
  pointsProperty.on('set_at', function (index) {
    if (self._isRemoved) return;
    var value = common.getLatLng(pointsProperty.getAt(index));
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setPointAt', [polylineId, index, value]);
  });
  pointsProperty.on('insert_at', function (index) {
    if (self._isRemoved) return;
    var value = common.getLatLng(pointsProperty.getAt(index));
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'insertPointAt', [polylineId, index, value]);
  });
  pointsProperty.on('remove_at', function (index) {
    if (self._isRemoved) return;
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'removePointAt', [polylineId, index]);
  });

  Object.defineProperty(self, 'points', {
    value: pointsProperty,
    writable: false
  });
  //-----------------------------------------------
  // Sets the initialize option to each property
  //-----------------------------------------------
  // var ignores = ['map', '__pgmId', 'hashCode', 'type', 'points'];
  // for (var key in polylineOptions) {
  //   if (ignores.indexOf(key) === -1) {
  //     self.set(key, polylineOptions[key]);
  //   }
  // }

  //-----------------------------------------------
  // Sets event listeners
  //-----------------------------------------------
  self.on('geodesic_changed', function () {
    if (self._isRemoved) return;
    var geodesic = self.get('geodesic');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setGeodesic', [self.getId(), geodesic]);
  });
  self.on('zIndex_changed', function () {
    if (self._isRemoved) return;
    var zIndex = self.get('zIndex');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setZIndex', [self.getId(), zIndex]);
  });
  self.on('clickable_changed', function () {
    if (self._isRemoved) return;
    var clickable = self.get('clickable');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setClickable', [self.getId(), clickable]);
  });
  self.on('visible_changed', function () {
    if (self._isRemoved) return;
    var visible = self.get('visible');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setVisible', [self.getId(), visible]);
  });
  self.on('strokeWidth_changed', function () {
    if (self._isRemoved) return;
    var strokeWidth = self.get('strokeWidth');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setStrokeWidth', [self.getId(), strokeWidth]);
  });
  self.on('strokeColor_changed', function () {
    if (self._isRemoved) return;
    var color = self.get('strokeColor');
    self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setStrokeColor', [self.getId(), common.HTMLColor2RGBA(color, 0.75)]);
  });

};

utils.extend(Polyline, Overlay);

Polyline.prototype.setPoints = function (points) {
  var self = this;
  var mvcArray = self.points;
  mvcArray.empty(true);

  var i;

  for (i = 0; i < points.length; i++) {
    mvcArray.push({
      'lat': points[i].lat,
      'lng': points[i].lng
    }, true);
  }
  self.exec.call(self, null, self.errorHandler, self.getPluginName(), 'setPoints', [self.__pgmId, mvcArray.getArray()]);
  return self;
};
Polyline.prototype.getPoints = function () {
  return this.points;
};
Polyline.prototype.setStrokeColor = function (color) {
  this.set('strokeColor', color);
  return this;
};
Polyline.prototype.getStrokeColor = function () {
  return this.get('strokeColor');
};
Polyline.prototype.setStrokeWidth = function (width) {
  this.set('strokeWidth', width);
  return this;
};
Polyline.prototype.getStrokeWidth = function () {
  return this.get('strokeWidth');
};
Polyline.prototype.setVisible = function (visible) {
  visible = common.parseBoolean(visible);
  this.set('visible', visible);
  return this;
};
Polyline.prototype.getVisible = function () {
  return this.get('visible');
};
Polyline.prototype.setClickable = function (clickable) {
  clickable = common.parseBoolean(clickable);
  this.set('clickable', clickable);
  return this;
};
Polyline.prototype.getClickable = function () {
  return this.get('clickable');
};
Polyline.prototype.setGeodesic = function (geodesic) {
  geodesic = common.parseBoolean(geodesic);
  this.set('geodesic', geodesic);
  return this;
};
Polyline.prototype.getGeodesic = function () {
  return this.get('geodesic');
};
Polyline.prototype.setZIndex = function (zIndex) {
  this.set('zIndex', zIndex);
  return this;
};
Polyline.prototype.getZIndex = function () {
  return this.get('zIndex');
};

Polyline.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
  });

  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
      });
  };

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

  if (self.points) {
    self.points.empty();
  }
  self.trigger(self.__pgmId + '_remove');

  return result;
};
module.exports = Polyline;