jQueryScript Demo Page

# jQuery Waymark JS Plugin Demos

Download This Plugin Back To jQueryScript

Interactive geographic data, loaded in the browser: layered basemaps, clustered markers, editable shapes, route elevation, image popups, and GeoJSON, GPX, and KML import.

Basemaps Markers Lines Shapes Gallery Clustering Elevation Editor GeoJSON GPX / KML
01 / Viewer

## Read the landscape

Open a marker for its metadata, switch basemaps, filter overlay types, inspect the image rail, or select the route to reveal its elevation profile.

Loading viewer data...
Feature count -- markers, lines, and shapes
Active popup None Select a map feature
Overlay mix -- geometry types in GeoJSON
Map state Ready Leaflet instance with live controls
Viewer surface

### Layer controls are live

The upper-right control exposes both basemaps and type filters. Marker clusters break apart at higher zoom levels, while the gallery only shows images inside the current map bounds.

Waiting for a map interaction
Custom callback

### Map events stay accessible

Popup events update this panel through the public Leaflet map object exposed on the Waymark instance.

Callback connected
02 / Editor

## Shape the map

Use the native toolbar to place markers and draw lines, rectangles, polygons, and circles. Open a feature to edit its fields, style, direction, position, or lifecycle.

Loading editor data...
Feature count -- current editable data
Geometry count -- point, line, and polygon support
Data binding Live textarea updates after edits
Editor state Ready drag, draw, edit, duplicate, delete
Data binding

### GeoJSON output

The editor writes to this textarea after every change.

Import a local file Choose a GeoJSON, GPX, or KML file.