# umap
### Get the data
run query in overpass http://overpass-turbo.eu/
```
bulk_purchase=yes OR bulk_purchase=only IN Brno
```
#### alt1
This should work for "normal" queries created by wizard, select "convert to compact"
![](https://i.imgur.com/zKpIzTy.png)
on the link click / copy generared hyperlink
![](https://i.imgur.com/bPmBqCY.png)
#### alt2
Custom queries e.g. using regular expressions need some special care - select "copy as umap remote data url" -->
![](https://i.imgur.com/lhdowIM.png)
```
[out:json][timeout:25];area(3600438171)->.searchArea;(node["bulk_purchase"="yes"](area.searchArea);way["bulk_purchase"="yes"](area.searchArea);relation["bulk_purchase"="yes"](area.searchArea);node["bulk_purchase"="only"](area.searchArea);way["bulk_purchase"="only"](area.searchArea);relation["bulk_purchase"="only"](area.searchArea););out body;>;out skel qt;
```
go https://meyerweb.com/eric/tools/dencoder/ and paste it and then do encode
```
%5Bout%3Ajson%5D%5Btimeout%3A25%5D%3Barea(3600438171)-%3E.searchArea%3B(node%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Bway%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Brelation%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Bnode%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3Bway%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3Brelation%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3B)%3Bout%20body%3B%3E%3Bout%20skel%20qt%3B%0A
```
and append to api https://overpass-api.de/api/interpreter?data= as below
```
https://overpass-api.de/api/interpreter?data=%5Bout%3Ajson%5D%5Btimeout%3A25%5D%3Barea(3600438171)-%3E.searchArea%3B(node%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Bway%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Brelation%5B%22bulk_purchase%22%3D%22yes%22%5D(area.searchArea)%3Bnode%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3Bway%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3Brelation%5B%22bulk_purchase%22%3D%22only%22%5D(area.searchArea)%3B)%3Bout%20body%3B%3E%3Bout%20skel%20qt%3B
```
### link with umap
in umap.openstreetmap.fr add new layer
![](https://i.imgur.com/HtcusPM.png)
select "Remote data"
![](https://i.imgur.com/kzs5afD.png)
and paste the url, it's important to enable "proxy" options
note "dynamic" is usefull for queries that contain variables related to the map view (like {bbox}, {east}, {north}, {lat}, {lng}…) if the URL does not contain any of those variables, then it means that returned data are always the same and thus no point in reloading any time the map view changes
![](https://i.imgur.com/ljR0yjf.png)
resulting map can be found here https://umap.openstreetmap.fr/en/map/bezobalace-v-brne_526924
### embedding
click "Embed" link
![](https://i.imgur.com/b7sQled.png)
use the generated link to embed to your web
![](https://i.imgur.com/r8VhCtc.png)