cordova-plugin-googlemaps/src/browser/PluginPolyline.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 PluginPolyline(pluginMap) {
  var self = this;
  BaseClass.apply(self);
  Object.defineProperty(self, 'pluginMap', {
    value: pluginMap,
    writable: false
  });
}

utils.extend(PluginPolyline, BaseClass);

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

  var polylineOpts = {
    'overlayId': polylineId,
    'map': map,
    'path': new google.maps.MVCArray()
  };

  if (pluginOptions.points) {
    pluginOptions.points.forEach(function(point) {
      polylineOpts.path.push(new google.maps.LatLng(point.lat, point.lng));
    });
  }
  if (Array.isArray(pluginOptions.color)) {
    polylineOpts.strokeColor = 'rgb(' + pluginOptions.color[0] + ',' + pluginOptions.color[1] + ',' + pluginOptions.color[2] + ')';
    polylineOpts.strokeOpacity = pluginOptions.color[3] / 256;
  }
  if ('width' in pluginOptions) {
    polylineOpts.strokeWeight = pluginOptions.width;
  }
  if ('zIndex' in pluginOptions) {
    polylineOpts.zIndex = pluginOptions.zIndex;
  }
  if ('visible' in pluginOptions) {
    polylineOpts.visible = pluginOptions.visible;
  }
  if ('geodesic' in pluginOptions) {
    polylineOpts.geodesic = pluginOptions.geodesic;
  }
  if ('clickable' in pluginOptions) {
    polylineOpts.clickable = pluginOptions.clickable;
  }

  var polyline = new google.maps.Polyline(polylineOpts);
  polyline.addListener('click', function(polyMouseEvt) {
    self._onPolylineEvent.call(self, polyline, polyMouseEvt);
  });

  self.pluginMap.objects[polylineId] = polyline;

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

PluginPolyline.prototype.setStrokeColor = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var polyline = self.pluginMap.objects[overlayId];
  var strokeColor = args[1];
  if (polyline) {
    if (Array.isArray(strokeColor)) {
      polyline.setOptions({
        'strokeColor': 'rgb(' + strokeColor[0] + ',' + strokeColor[1] + ',' + strokeColor[2] + ')',
        'strokeOpacity': strokeColor[3] / 256
      });
    }
  }
  onSuccess();
};

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


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

PluginPolyline.prototype.setPoints = function(onSuccess, onError, args) {
  var self = this,
    polylineId = args[0],
    positionList = args[1],
    polyline = self.pluginMap.objects[polylineId];
  if (polyline) {
    //------------------------
    // Update the points list
    //------------------------
    polyline.setPath(positionList);
  }
  onSuccess();
};

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

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

PluginPolyline.prototype.setGeodesic = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var polyline = self.pluginMap.objects[overlayId];
  if (polyline) {
    polyline.setOptions({
      'geodesic': args[1] === true
    });
  }
  onSuccess();
};
PluginPolyline.prototype.insertPointAt = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var polyline = self.pluginMap.objects[overlayId];
  if (polyline) {
    var index = args[1];
    var latLng = new google.maps.LatLng(args[2].lat, args[2].lng);
    polyline.getPath().insertAt(index, latLng);
  }
  onSuccess();
};
PluginPolyline.prototype.setPointAt = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var polyline = self.pluginMap.objects[overlayId];
  if (polyline) {
    var index = args[1];
    var latLng = new google.maps.LatLng(args[2].lat, args[2].lng);
    polyline.getPath().setAt(index, latLng);
  }
  onSuccess();
};
PluginPolyline.prototype.removePointAt = function(onSuccess, onError, args) {
  var self = this;
  var overlayId = args[0];
  var polyline = self.pluginMap.objects[overlayId];
  if (polyline) {
    var index = args[1];
    polyline.getPath().removeAt(index);
  }
  onSuccess();
};

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

};
module.exports = PluginPolyline;