# 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.depinscan.io/developer/map-embedding.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.