Zooming to a Set of Markers

Alter the viewport to ensure a group of objects are visible

This examples adds three markers showing the locations of Boston, Washington and Toronto to the map and alters the map display to ensure that all of the markers are visible.

Code

An H.map.Group is used to associate the markers together and the group.getBounds() method to find the minimal bounding box holding all of the group's contents. The map.viewBounds() can then be updated.