DePINScan Documentation
  • Overview
  • Project Integration
  • Map Integration
    • Quickstart
    • Using the API
    • Endpoints Overview
    • Example Call
  • Map Embedding
  • Reporting Issues
Powered by GitBook
On this page

Map Embedding

PreviousExample CallNextReporting Issues

Last updated 10 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