Embedding #findthemasks donation sites page
A #findthemasks donation site map & list can be embedded easily on any webpage. You can view this embed here: https://findthemasks.com/give.html
- https://ktla.com/news/local-news/how-to-donate-ppe-to-southern-california-hospitals/
- https://theppedrive.com/ppe-drive-listing
- https://resource19.org/
- https://northernontarioppe.ca/pages/initiatives
Add a iframe
tag to your website:
<iframe style="width: 100%; height: 1000px; border: none;" src="https://findthemasks.com/give.html"></iframe>
The page has 3 core parts:
- Map of donation sites
- Filters
- List of donation sites
Some of these can be independently turned on or off via query-parameters
:
?hide-filters={true/false}
?hide-list={true/false}
There are several types of filters that you can apply to the list and map:
- state
- accepting
- orgType
All filter params should be URI encoded and you can use any filter you see in the dropdowns at https://findthemasks.com.
To target only one specific state, accepted items, or org type include:
?state=ca
?accepting=homemade masks
?orgType=hospital
To target multiple states, accepted items, or org type use comma separators:
?state=ca,ne,mi
?accepting=homemade masks,gloves
?orgType=hospital,public health facility
You can also initialize the map at a certain location using either:
?q={place or address like you would type into Google maps}
or
?coords={lat,lng}&zoom=12
(note, zoom is optional and will default to 11)
To translate the page into a supported language, include:
?locale=fr
You can combine each parameter using &
like so:
https://findthemasks.com/give.html?hide-list=false&state=ca&locale=fr&orgType=hospital