The mobile example application for GeoMapFish.

The desktop example application for GeoMapFish.

An alternate mobile example application for GeoMapFish.

An alternate desktop example application for GeoMapFish.

A desktop application for GeoMapFish without any tools that can be used within an iframe.

An example application for editing an object.

This example shows how to use the gmf-authentication directive to insert an authentication panel in a GeoMapFish page.

This example shows how to use the gmf-backgroundlayerselector directive to select the map background layer.

This example shows how to use the gmf-contextualdata directive to display coordinates or data related to the point after a right click on the map.

This example shows how to use the ngeo-date-picker directive with the gmf WMS time service in order to format the date for WMS.

TODO

This example shows how to use the ngeo-map-query directive in combination with the gmf.datasource.Manager. The DataSourcesManager fetches the themes returned by the theme service and adds one DataSource, which is used by the querent service per layer definition found. In this example, the layer tree is responsible of creating the layer. You can switch theme and turn on/off layers to see the impact it has on results returned by the query service. To display results, this example use the gmf-displayquerywindow component. Here, this last directive uses a custom style to display all selected features.

This example shows how to use the gmf-drawfeature directive to create, modify and delete vector features on a map and style them as we please.

This example shows how to use the gmf.editing.EditFeature service to insert, update and delete features from a layer using a GeoMapFish server. First, you must log in. Then, you can either click on the Insert button to insert a random feature, or click on a feature on the map to either Update or Delete it.

This example shows how to use the gmf-editfeatureselector directive to edit vector features from editable layers that are defined in the GeoMapFish themes. First, you need to login. Then, select the layer you wish to edit. Finally, you can either click on an existing feature on map to modify or delete it, or you can create a new one using the "Draw" button.

This example shows how to use the gmf-elevation directive to get elevation under the mouse position.

This example shows how to use the gmf-featurestyle directive to style a vector feature. Click on a feature to show the directive.

This example shows how to use the gmf-filterselector directive to apply filters on the layers on the map.

This example shows how to use the gmf-importdatasource component, which allows the addition of external WMS/WMTS layers in the map. It also supports the addition of files, such as KML and GPX.

This example shows how to use the gmf.Layertree directive. This layertree needs a source object (that can change) that describes layers like the c2cgeoportal themes service. The wmsUrl is used by internals WMS layers but you can use WMS externals layers and WMTS layers too.

This example shows how to use the gmf.Layertree directive. This layertree needs a source object (that can change) that describes layers like the c2cgeoportal themes service. The wmsUrl is used by internals WMS layers but you can use WMS externals layers and WMTS layers too.

This example shows how to use the gmf-lidarprofile with the gmf-lidar-panel.

This example shows how to use the gmf-mobile-measurearea, gmf-mobile-measurelength and gmf-mobile-measure-point directives in combination with ngeo.interaction.MobileDraw interaction objects to allow mobile users to measure areas, distances and know the center coordinate on their devices. The point measure also uses the gmfRaster service to also obtain the height of the location as well.

This example shows how to use the gmf.mouseposition directive.

This example shows how to use the gmf-objectediting directive to edit a single feature with advanced editing tools.

This example serves as a hub for other examples and applications that uses the ObjectEditing tools. You need to be logged in too.

This example demonstrates the use of the gmf-permalink service, which is injected inside the gmf-map directive. The following links demonstrate the different features:

• map_crosshair=true When set, a marker is added either at the location of the map_x and map_y if those parameters are set, otherwise it is added at the center of the map.
• map_tooltip=hello When set, a tooltip is added with the content equal to the value set either at the location of the map_x and map_y if those parameters are set, otherwise it is added at the center of the map.
• no param

This example shows how to use the gmf.print.component. Component that generates layout information and manages tools to print with a MapFishPrint v3.

This example shows how to use the gmf-profile. The draw tool and hover feedback on the map are completely independent of the gmf-profile components. This profile relies on the ngeo.profile (d3) and ngeo.ProfileDirective. It passes a custom css through the optional gmf-profile-options attribute

This example shows how to use the gmf-search directive, which is based on Twitter's typeahead component.

This example shows how to use the gmf-share directive to get a shorten permalink

This example shows how to use the gmf-map directive to insert an OpenLayers map in a GeoMapFish page.

This example shows how to use the gmf.themeselector directive from a c2c geoportal theme service.

This example shows how to use the gmf-time-slider directive.

This example demonstrates the use of the ngeoWfsPermalink service, which is injected inside the gmf-map directive. The following links demonstrate the different features:

• ?wfs_layer=fuel&wfs_osm_id=1420918679
• ?wfs_layer=fuel&wfs_osm_id=1420918679&wfs_showFeatures=0
• ?wfs_layer=fuel&wfs_osm_id=1420918679,441134960
• ?wfs_layer=osm_scale&wfs_highway=bus_stop&wfs_name=Grand-Pont&wfs_operator=TL
• ?wfs_layer=osm_scale&wfs_ngroups=2&wfs_0_ele=380&wfs_0_highway=bus_stop&wfs_0_operator=TL&wfs_1_highway=bus_stop&wfs_1_name=Grand-Pont&wfs_1_operator=TL

This example shows how to use the gmf.editing.XSDAttributes service, which is used to obtain the attributes from a GeoMapFish server using a given layer id. The attributes received are read and transformed into a form using the ngeo-attributes directive.