Skip to content

Commit 1ed77c8

Browse files
author
Dmitry Berezovsky
committed
Extended readme
1 parent 2caabc7 commit 1ed77c8

File tree

1 file changed

+27
-4
lines changed

1 file changed

+27
-4
lines changed

README.md

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,39 @@
1-
jquery-locationpicker-plugin
2-
============================
3-
41
JQuery Location Picker plugin
2+
=============================
3+
4+
![Location Picker](http://logicify.github.io/jquery-locationpicker-plugin/images/basic_ui.png)
55

66
This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).
77

88
The other feature of the plug-in is automatic address resolver which allows to get address line from the selected latitude and longitude. The plug-in also supports searching by address typed into the bound input element which uses auto-complete feature from Google API to make the search process easier. In this case the marker will be automatically positioned on the map after successful address resolution.
99

1010
The plug-in currently uses JQuery and Google Maps. Integration is pretty simple:
1111

12+
* Document head should be extended with inclusions of the required libraries:
13+
```
14+
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
15+
<script type="text/javascript" src='http://maps.google.com/maps/api/js?sensor=false&libraries=places'></script>
16+
<script src="js/locationpicker.jquery.js"></script>
17+
```
18+
19+
* Put container somewhere on the page:
1220
```
13-
$('mycontainer').locationpicker();
21+
<div id="somecomponent" style="width: 500px; height: 400px;"></div>
1422
```
1523

24+
* Attach the plug-in to container:
25+
```
26+
<script>
27+
$('somecomponent').locationpicker();
28+
</script>
29+
```
30+
31+
Documentation and Examples
32+
--------------------------
33+
34+
Documentation along with examples available [here](http://logicify.github.io/jquery-locationpicker-plugin/).
35+
1636

37+
Credits
38+
-------
39+
Dmitry Berezovsky, Logicify (<http://logicify.com/>)

0 commit comments

Comments
 (0)