An npm module for Apple's Mapkit JS that works with Vue
npm install @solidsilver/mapkitjsAn npm module for Apple's Mapkit JS for use with Vue. This implementation uses the latest version of Mapkit JS and places its contents inside of a types folder.
Based on Harvey Conner's repo, but with extra types from mapkit-typescript.
``
npm install @solidsilver/mapkitjs
`ts`
import mapkit from "@solidsilver/mapkitjs";
To init MapKitJS:ts`
mapkit.init({
authorizationCallback: function(done: (jwt: string) => void) {
// callback functionality goes here
done(jwt);
},
language: "en"
});
Then, create a new map for the component:
`tsmap-${this._uid}
// As a getter:
get map_id(): string {
return ;`
}
// Assuming your component has a map object:
this.map = new mapkit.Map(this.map_id);
See Apple's documentation on additional options on map creation.
From here, mapkit and this.map can be accessed and modified as documented.
In order to update, simply replace the contents of the types` folder, submit an issue, or make a pull request to update to the latest version.
The latest contents are pulled from:
https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js