Pigeon Map

Install

npm install pigeon-maps
npm install pigeon-marker
npm install pigeon-overlay
npm install pigeon-draggable

First steps

• create route and component
• copy example from readme: https://github.com/mariusandra/pigeon-maps
• add pigeon.png to the public folder or remove image overlay
• set coordinates to linz jku
• try out the different options

Tile provider

use the OpenStreetMap tilings: https://a.tile.openstreetmap.org/${z}/${x}/${y}.png

Zoom

create functions and buttons for zooming (there is no attribute/function to show them automatically)

Observations

• small and easy map
• zoom buttons are missing, creating them is easy but not beautiful
• customizing the map is not beautiful
• no paths?
• no keyboard shortcuts
• onclick event.latLng is a list, not a dictionary like in the other maps
• no draggable marker? -> draggable component, put marker inside, set offset the size of the marker