https://github.com/benignware/jquery-findus
Create contact-maps easily
https://github.com/benignware/jquery-findus
Last synced: 11 months ago
JSON representation
Create contact-maps easily
- Host: GitHub
- URL: https://github.com/benignware/jquery-findus
- Owner: benignware
- License: mit
- Created: 2015-02-14T16:18:34.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2017-04-27T21:11:10.000Z (about 9 years ago)
- Last Synced: 2025-07-11T05:55:01.139Z (12 months ago)
- Language: JavaScript
- Homepage: http://benignware.github.io/jquery-findus
- Size: 62.5 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# jquery-findus
> Create contact-maps easily.
A jquery-plugin that lets you quickly build a customizable map without hassling with google maps api.
[Demo](http://benignware.github.io/jquery-findus)
## Install
Include js dependencies
```html
```
Optionally include css
```html
```
## Usage
Provide geocodeable content
```html
Find us here
8411 Market Street
San Francisco
CA 94103
USA
```
Initialize findus
```js
$(function() {
$('.findus').findus();
});
```
### Examples
##### Provide location
You may also reverse-geocode an address from a location:
```html
```
##### Provide location and content
To avoid the geocoding service completely, provide both, an location and some content to show up in the map's info-window.
```html
Find us here
8411 Market Street
San Francisco
CA 94103
USA
```
Options
-------
You can also use data-attributes to setup the component. Target subsets by using prefixes, such as 'marker-icon'.
NameDescription
addressA geocodeable address string
autoShowSpecifies whether to show info-window on render. Defaults to true.
bindResizeSpecifies whether to bind window resize. Defaults to true.
contentHTML content to be shown in info-window. A geocodeable string can be explicitly defined by containing it in an address-tag.
latitudeLocation coordinate latitude
longitudeLocation coordinate longitude
infoOptions passed to the info-window instance
mapOptions passed to the map instance. Defaults to
{
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
draggable: false,
zoomControl: false,
scrollwheel: false,
disableDoubleClickZoom: true
}
markerOptions passed to the marker instance
## Changelog
#### Master
* Optimize content geocoding
#### v0.0.5
* Added fix for map-icons
#### v0.0.4
* Set map option 'draggable' to false by default
#### v0.0.3
* Fixed too strict jquery dependency
#### v0.0.2
* Added prefixed data-attributes.
* Changed zoom default to 14.
* Draggable map by default.
#### v0.0.1
* Initial Release