DePINScan Documentation
  • Developer
    • Overview
    • Project Integration
    • Map Integration
      • Quickstart
      • Using the API
      • Endpoints Overview
      • Example Call
    • Map Embedding
    • Reporting Issues
  • User
    • DePINscan Learn-to-Earn: User Guide
    • DePINscan Learn-to-Earn: Token Claiming
Powered by GitBook
On this page
  1. Developer

Map Embedding

PreviousExample CallNextReporting Issues

Last updated 11 months ago

offers a map widget that allows any DePIN project to embed a total or project-specific map view into their website.

iFrame Generator

An IFrame (Inline Frame) is a HTML element installed inside another HTML archive on a site. The iFrame HTML component is regularly used to embed content from another source, like the DePINscan map in this case, into a site. There are many iFrame Generator services that allow you to embed a map in your site, so you're free to choose your favorite one.

There are 2 types of URL that you can use to embed the DePINscan map in your site, depending on your use case.

🎯 You can either use a project-specifc URL: https://depinscan.io/widget/map/${name_of_your_depinscan_project)

🌍 Or a general map view URL: https://depinscan.io/widget/map

For those who aren't quite familiar with any iFrame Generator services, we recommend:

All that's left for you to do now is to embed the DePINscan map on your site!

1) is a super easy to use iFrame Generator, and gets you up and running in a matter of seconds. All you have to do is paste one of the URLs above and it'll will automatically show you a preview and give you the corresponding HTML code snippet.

2) is another free service and it works in the exact same way.

Code Beautify
iFrame Generator
DePINscan