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

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.