!Built With Stencil

mapkit-map

is a web component that lets you add an Apple MapKit JS map to your website.

Getting Started

``bash
npm install
npm start
`

To build the component for production, run:

`bash
npm run build
`

To run the unit tests for the components, run:

`bash
npm test
`

Using this component

$3

- Run npm install @willson/mapkit-map --save
- Put a script tag similar to this in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

$3

- Run npm install @willson/mapkit-map --save
- Add an import to the npm packages import @willson/mapkit-map;
- Then you can use the element anywhere in your template, JSX, html etc

$3

This is the markup used for the screenshot above.

`html
token=""
width="500px"
height="500px"
latitude="45.4215"
longitude="-75.6972"
language="en"
>
latitude="45.4215"
longitude="-75.6972"
pin-title="Ottawa, Ontario, Canada"
>

``

$3

As it is now, this component lets you put a map on a page with pins on the map. You can have as many pins as you want. More features will be added in future versions.