search widget, passing search parameters in to an iframe

This contains two example files for integrating the map template in to a WordPress site via an iframe:

### iframe_test.html
Includes example code for embedding the searchable map in to an iframe. One problem with doing this is you can't pass query parameters from a parent page to an iframe. I found a [workaround that uses javascript](http://topliners.eloqua.com/docs/DOC-4138) to read the querystring from the parent page and update the source of the iframe when the page loads. 

All the code for this is in `js/load_map_iframe.js`. Download and include this javascript file and give the iframe element an `id` of 'trackFrame' and you should be good to go.

```html
<iframe id="trackFrame" style="border-style: none; width: 100%; height: 950px;" src="" height="950" width="650"></iframe>
<script type="text/javascript" src="js/load_map_iframe.js"></script>
```

![screen shot 2014-04-21 at 11 55 56 am](https://cloud.githubusercontent.com/assets/919583/2756376/d8f06d90-c975-11e3-92e2-96a7237b7c39.png)

When we're ready to go live, we'll want to change the location of the map iframe source in `js/load_map_iframe.js`

```javascript
var iframeUrl = 'http://datamade.github.io/fatalities-map/'
```
**Demos**
* [Search around St. Louis](http://datamade.github.io/fatalities-map/iframe_test.html#/?address=st%20louis&radius=80500)
* [Search around Washington DC](http://datamade.github.io/fatalities-map/iframe_test.html#/?address=Washington%2C%20DC%2C%20United%20States&radius=80500)
* [Search around San Francisco](http://datamade.github.io/fatalities-map/iframe_test.html#/?address=San%20Francisco%2C%20CA%2C%20United%20States&radius=80500)

### search_box.html
We can make use of the above query string passing and make an address search box anywhere on the WordPress site that will link directly to that search. Again, this uses javascript, which I packaged up in `js/maps_lib_widget.js`. To implement, copy `js/maps_lib_widget.js` to your server add the following HTML to your WordPress page:

```html
<p>Search by address</p>
<input id="search_address" type="text" />
<input id="btn_search" type="button" value="Search" />
<input id="find_me" type="button" value="Find me" />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/maps_lib_widget.js"></script>
```

[Demo of search_box.html](http://datamade.github.io/fatalities-map/search_box.html)

![screen shot 2014-04-21 at 12 13 21 pm](https://cloud.githubusercontent.com/assets/919583/2756524/42b09f96-c978-11e3-85e8-ee2431c021c6.png)