> For the complete documentation index, see [llms.txt](https://docs.depinscan.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.depinscan.io/developer/map-embedding.md).

# Map Embedding

<figure><img src="/files/mROZfOFynaYxEiyInXrT" alt=""><figcaption></figcaption></figure>

[DePINscan](https://depinscan.io/) offers a map widget that allows any DePIN project to embed a total or project-specific map view into their website.&#x20;

### 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.&#x20;

{% hint style="info" %}
There are **2 types of URL** that you can use to embed the DePINscan map in your site, depending on your use case.&#x20;

🎯 You can either use a project-specifc URL: \_\*\*<https://depinscan.io/widget/map/${name\\_of\\_your\\_depinscan\\_project)**_&#x20>;

🌍 Or a general map view URL: ***<https://depinscan.io/widget/map>***
{% endhint %}

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

1\) [Code Beautify](https://codebeautify.org/html-iframe-generator) 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.

<figure><img src="/files/UcfHsBpfiCgQVNR1nRDU" alt=""><figcaption></figcaption></figure>

2\)[ iFrame Generator](https://iframe-generator.org/) is another free service and it works in the exact same way.&#x20;

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