pointNG
Search…
pointNG widget
Instructions how to use pointNG widget.
pointNG widget makes it possible for your users to determine when and on what level they allow you to use their location. Embed pointNG widget to your website by configuring the following parameters in pointNG initialization script.
1
const pointng = new PointNG({
2
level: 'country',
3
api_key: "YOUR-API-KEY-HERE",
4
currentWidgetPosition: 'right', //options are 'left' and 'right
5
privacyPolicyLink: 'YOUR-PRIVACY-POLICY-URL'
6
});
Copied!
Then you can add pointNG widget to your website with the following function:
1
pointng.openWidget(pointng.start())
Copied!
pointNG widget when a user has opened the popup by clicking the "P-icon"
React to your users' actions:
1
pointng.openWidget(pointng.start()).then(value => {
2
document.getElementById("locateMeWithPointNG").addEventListener("click", listenForPrediction)
3
})
4
5
function listenForPrediction() {
6
var updateContent = function() {
7
if (pointng.predictionData.ready == true) {
8
clearInterval(checkForUserLocation);
9
console.log(pointng.predictionData)
10
//do your magic with pointng.predictionData
11
}
12
}
13
var checkForUserLocation = setInterval(updateContent, 100)
14
}
Copied!
Last modified 1yr ago
Copy link