Crater Lake National Park

NPMap

Digital maps for the National Park Service

Map Events

This example demonstrates the map and mouse events you can subscribe to using NPMap's API.

 

Related resources:

Map

Log

Map Events (check/uncheck all)

<label class="checkbox inline">
  <input type="checkbox" id="baselayerchanged" value="baselayerchanged" class="map-event" checked> baselayerchanged
</label>
<label class="checkbox inline">
  <input type="checkbox" id="panend" value="panend" class="map-event" checked> panend
</label>
<label class="checkbox inline">
  <input type="checkbox" id="panning" value="panning" class="map-event" checked> panning
</label>
<label class="checkbox inline">
  <input type="checkbox" id="panstart" value="panstart" class="map-event" checked> panstart
</label>
<label class="checkbox inline">
  <input type="checkbox" id="ready" value="ready" class="map-event" checked> ready
</label>
<label class="checkbox inline">
  <input type="checkbox" id="resized" value="resized" class="map-event" checked> resized
</label>

<label class="checkbox inline">
  <input type="checkbox" id="viewchangeend" value="viewchangeend" class="map-event" checked> viewchangeend
</label>
<label class="checkbox inline">
  <input type="checkbox" id="viewchanging" value="viewchanging" class="map-event" checked> viewchanging
</label>
<label class="checkbox inline">
  <input type="checkbox" id="viewchangestart" value="viewchangestart" class="map-event" checked> viewchangestart
</label>
<label class="checkbox inline">
  <input type="checkbox" id="zoomend" value="zoomend" class="map-event" checked> zoomend
</label>
<label class="checkbox inline">
  <input type="checkbox" id="zooming" value="zooming" class="map-event" checked> zooming
</label>
<label class="checkbox inline">
  <input type="checkbox" id="zoomstart" value="zoomstart" class="map-event" checked> zoomstart
</label>

Mouse Events (check/uncheck all)

<label class="checkbox inline">
  <input type="checkbox" id="click" value="click" class="mouse-event" checked> click
</label>
<label class="checkbox inline">
  <input type="checkbox" id="dblclick" value="dblclick" class="mouse-event" checked> dblclick
</label>
<label class="checkbox inline">
  <input type="checkbox" id="mousedown" value="mousedown" class="mouse-event" checked> mousedown
</label>
<label class="checkbox inline">
  <input type="checkbox" id="mousemove" value="mousemove" class="mouse-event" checked> mousemove
</label>
<label class="checkbox inline">
  <input type="checkbox" id="mouseout" value="mouseout" class="mouse-event" checked> mouseout
</label>

<label class="checkbox inline">
  <input type="checkbox" id="mouseover" value="mouseover" class="mouse-event" checked> mouseover
</label>
<label class="checkbox inline">
  <input type="checkbox" id="mouseup" value="mouseup" class="mouse-event" checked> mouseup
</label>
<label class="checkbox inline">
  <input type="checkbox" id="rightclick" value="rightclick" class="mouse-event" checked> rightclick
</label>