Table of Contents

SVG Overlay

Allows applications to overlay data on top of maps using a SVG container.

Properties

redraw (Function)

Called every time the map updates.

Parameters:

  • width (Number) - width of the viewport
  • height (Number) - height of the viewport
  • project (Function) - get screen position [x, y] from geo coordinates [lng, lat]
  • unproject (Function) - get geo coordinates [lng, lat] from screen position [x, y]

style (Object)

Additional css styles of the svg container.

captureScroll (Boolean)
  • default: false

Stop propagation of mouse wheel event to the map component. Can be used to stop map from zooming when this component is scrolled.

captureDrag (Boolean)
  • default: false

Stop propagation of dragstart event to the map component. Can be used to stop map from panning when this component is dragged.

captureClick (Boolean)
  • default: false

Stop propagation of click event to the map component. Can be used to stop map from calling the onClick callback when this component is clicked.

captureDoubleClick (Boolean)
  • default: false

Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.

Source

svg-overlay.js