Initialize jquery-findus

$(function() {
  $('.findus').findus();
})

Address

A map can be quickly setup by providing an address. The location will be geocoded and the specified address ist printed into the infowindow.

<div class="findus" data-address="280 Broadway, New York, NY 10007, USA"></div>

Coordinates

When specifying coordinates, the address is reverse geocoded and printed into the infowindow.

<div class="findus" data-latitude="40.7142700" data-longitude="-74.0059700"></div>

Content

The content of the infowindow can be customized by providing html as dom children or escaped data-attribute.
If no other options are specified, the location will be geocoded by the content. A geocodeable string can be explicitly defined by containing it in an address-tag.

<div class="findus">
  <h5>Find us here</h5>
  <address>
    8411 Market Street<br/>
    San Francisco<br/>
    CA 94103<br/>
  </address>
</div>

Data Attributes

Use data-attributes to setup the component. Target object-options by using prefixes, such as 'marker-icon'.

<div class="findus"> data-auto-show="false"> data-marker-icon="information.png">
  <h5>Find us here</h5>
  <address>
    8411 Market Street<br/>
    San Francisco<br/>
    CA 94103<br/>
  </address>
</div>