Vue Map Marker

RoadMap

Requirements

• A button to allow users to acquire their current location from their browser.

• A search module that lets users input the name of a location. The search feature is triggered by both button clicks and pressing the enter key on the keyboard. Display the location on a map and add a marker to each searched location every time the location changes.

• A table with pagination to show all searched places:

  • Display a maximum of 10 records on each page.

  • A checkbox at the beginning of each row to let users select multiple records at the same time.

  • A delete button on the top to remove all selected records as well as their markers on the map.

• Display the time zone and local time of the latest searched location.

Optional

• Testing

Compiles and hot-reloads for development

yarn dev

Compiles and minifies for production

yarn build