0.0.27 • Published 2 years ago
@map3xyz/payments-sdk v0.0.27
Map3 Payments SDK
Getting Started
npm install @map3xyz/payments-sdkor
yarn add @map3xyz/payments-sdkimport { initMap3Sdk } from '@map3xyz/payments-sdk';
import '@map3xyz/payments-sdk/dist/index.css';
const map3 = initMap3Sdk({
theme: 'dark',
anonKey: '<ANON_KEY>',
generateDepositAddress: async (coin, network) => {
await new Promise((resolve) => setTimeout(resolve, 1000));
return '0x0000000000000000000000000000000000000000';
},
});
map3.open();Install via CDN
You can also include a normal script and link tag if your app doesn't support module imports.
// index.html
<html lang="en">
<head>
...
<script src="https://cdn.jsdelivr.net/npm/@map3xyz/payments-sdk/dist/index.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@map3xyz/payments-sdk/dist/index.css"></link>
</head>
<body>
<button onClick="openSdk()">Open SDK</button>
</body>
<script>
function openSdk() {
const map3 = initMap3Sdk({
theme: 'dark',
anonKey: '<ANON_KEY>',
generateDepositAddress: async (coin, network) => {
await new Promise((resolve) => setTimeout(resolve, 1000));
return '0x0000000000000000000000000000000000000000';
}
})
map3.open()
}
</script>
</html>Examples
Generating Anon Keys
Visit https://console.map3.xyz/ to generate your ANON_KEY.