How to use the ngeo/map/FeatureOverlayMgr.js.name function in ngeo

To help you get started, we’ve selected a few ngeo examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github camptocamp / ngeo / src / offline / component.js View on Github external
import ngeoMapFeatureOverlayMgr from 'ngeo/map/FeatureOverlayMgr.js';
import ngeoMessageModalComponent from 'ngeo/message/modalComponent.js';
import {extentToRectangle} from 'ngeo/utils.js';
import OlCollection from 'ol/Collection.js';
import {unByKey} from 'ol/Observable.js';
import OlFeature from 'ol/Feature.js';
import OlGeomPolygon from 'ol/geom/Polygon.js';
import olGeomGeometryLayout from 'ol/geom/GeometryLayout.js';
import {DEVICE_PIXEL_RATIO} from 'ol/has.js';
import angular from 'angular';

/**
 * @type {!angular.IModule}
 */
const module = angular.module('ngeoOffline', [
  ngeoMapFeatureOverlayMgr.name,
  ngeoMessageModalComponent.name
]);

module.value('ngeoOfflineTemplateUrl',
  /**
   * @param {JQuery} element Element.
   * @param {angular.IAttributes} attrs Attributes.
   * @return {string} Template URL.
   */
  (element, attrs) => {
    const templateUrl = attrs['ngeoOfflineTemplateurl'];
    return templateUrl !== undefined ? templateUrl :
      'ngeo/offline/component.html';
  });

module.run(/* @ngInject */ ($templateCache) => {
github camptocamp / ngeo / src / map / module.js View on Github external
import ngeoMapComponent from 'ngeo/map/component.js';
import ngeoMapFeatureOverlayMgr from 'ngeo/map/FeatureOverlayMgr.js';
import ngeoMapRecenter from 'ngeo/map/recenter.js';
import ngeoMapResizemap from 'ngeo/map/resizemap.js';
import ngeoMapScaleselector from 'ngeo/map/scaleselector.js';

/**
 * Also related to the map but not included in the module:
 *  - ngeo.map.FeatureOverlay (already required by ngeo.map.FeatureOverlayMgr)
 *
 * @type {angular.IModule}
 */
export default angular.module('ngeoMapModule', [
  ngeoMapBackgroundLayerMgr.name,
  ngeoMapComponent.name,
  ngeoMapFeatureOverlayMgr.name,
  ngeoMapRecenter.name,
  ngeoMapResizemap.name,
  ngeoMapScaleselector.name
]);
github camptocamp / ngeo / contribs / gmf / src / query / gridComponent.js View on Github external
* E.g. `'two_wheels_park': ['velo_park', 'moto_park']}` merges the sources
 * with label `velo_park` and `moto_park` into a new source `two_wheels_park`.
 *
 * @typedef {Object} GridMergeTabs
 */


/**
 * @type {angular.IModule}
 * @hidden
 */
const module = angular.module('gmfQueryGridComponent', [
  ngeoDownloadCsv.name,
  ngeoDownloadService.name,
  ngeoGridComponent.name,
  ngeoMapFeatureOverlayMgr.name,
  ngeoQueryMapQuerent.name,
]);


module.value('gmfDisplayquerygridTemplateUrl',
  /**
   * @param {JQuery} $element Element.
   * @param {angular.IAttributes} $attrs Attributes.
   * @return {string} Template URL.
   */
  ($element, $attrs) => {
    const templateUrl = $attrs.gmfDisplayquerygridTemplateurl;
    return templateUrl !== undefined ? templateUrl :
      'gmf/query/gridComponent';
  }
);
github camptocamp / ngeo / contribs / gmf / src / profile / drawLineComponent.js View on Github external
import angular from 'angular';
import olCollection from 'ol/Collection.js';
import olInteractionDraw from 'ol/interaction/Draw.js';
import olMap from 'ol/Map.js';
import olStyleStyle from 'ol/style/Style.js';
import olStyleStroke from 'ol/style/Stroke.js';
import ngeoMapFeatureOverlayMgr from 'ngeo/map/FeatureOverlayMgr.js';
import {interactionDecoration} from 'ngeo/misc/decorate.js';


/**
 * @type {angular.IModule}
 * @hidden
 */
const module = angular.module('gmfDrawProfileLine', [
  ngeoMapFeatureOverlayMgr.name,
]);


/**
 * Simple directive that can be put on any element. The directive listen on
 * clicks events to allow/disallow to draw one line (and only one) on the
 * map. Typically used to draw the line that will serve the gmf.Profile.
 *
 * Example:
 *
 *      
 *
github camptocamp / ngeo / contribs / gmf / src / profile / component.js View on Github external
* @property {import("ol/coordinate.js").Coordinate} [coordinate] Coordinate of the point.
 * @property {number} [distance] distance of the point on the line. Can be in meters or kilometers.
 * @property {Object} [elevations] Elevations of the point (example:
 *    {aster: 556.5, srtm: 560}).
 * @property {string} [xUnits] Units of the x axis.
 * @property {string} [yUnits] Units of the y axis.
 */


/**
 * @type {angular.IModule}
 * @hidden
 */
const module = angular.module('gmfProfile', [
  ngeoDownloadCsv.name,
  ngeoMapFeatureOverlayMgr.name,
  ngeoProfileElevationComponent.name,
]);


module.value('gmfProfileTemplateUrl',
  /**
   * @param {JQuery} $element Element.
   * @param {angular.IAttributes} $attrs Attributes.
   * @return {string} Template.
   */
  ($element, $attrs) => {
    const templateUrl = $attrs.gmfProfileTemplateurl;
    return templateUrl !== undefined ? templateUrl : 'gmf/profile';
  });
github camptocamp / ngeo / contribs / gmf / src / query / windowComponent.js View on Github external
import olStyleStyle from 'ol/style/Style.js';

import 'jquery-ui/ui/widgets/resizable.js';
import 'ngeo/sass/jquery-ui.scss';
import 'angular-animate';
import 'angular-touch';
import 'bootstrap/js/src/collapse.js';
import 'bootstrap/js/src/dropdown.js';


/**
 * @type {angular.IModule}
 * @hidden
 */
const module = angular.module('gmfQueryWindowComponent', [
  ngeoMapFeatureOverlayMgr.name,
  ngeoMiscFeatureHelper.name,
  ngeoMiscSwipe.name,
  ngeoQueryMapQuerent.name,
  'ngAnimate',
  'ngTouch',
]);


module.config(['$animateProvider',
  /**
   * For performance reason, only perform animation on elements that have the
   * `gmf-animatable` css class.
   * @param {angular.animate.IAnimateProvider} $animateProvider animate provider.
   */
  function($animateProvider) {
    $animateProvider.classNameFilter(/gmf-animatable/);