https://github.com/gburgose/jquery-gmaps

https://github.com/gburgose/jquery-gmaps

googlemaps jquery maps markers

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gburgose/jquery-gmaps
• Owner: gburgose
• Created: 2017-05-29T02:57:19.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-20T16:04:49.000Z (over 6 years ago)
• Last Synced: 2024-10-14T04:17:07.364Z (about 1 month ago)
• Topics: googlemaps, jquery, maps, markers
• Language: HTML
• Size: 133 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jQuery Google Maps

[![npm version](https://badge.fury.io/js/jquery-gmaps.svg)](https://badge.fury.io/js/jquery-gmaps)

### Test on

Laravel Mix: 0.12.1

### What is jquery gMaps?

jQuery gMaps is intended to reduce the time of frontend development. You can create maps customized with html attributes and some lines of javascript.

### Installation

#### npm

```

npm install jquery-gmaps --save-dev

```

#### Webpack

```js

require('jquery-gmaps');

```

#### jQuery

```js

$(document).ready(function(){

  $('#map').gmaps();

});

```

#### HTML

```html

    


        

        


          


            
Chile

          

        


        


          


            
Argentina

          

        


        


          


            
Brasil

          

        


        


          


            
Perú

          

        


    

```


### Map settings

| Attribute  | Type | Values | Default | Explanation |

|-|-|-|-|-|

| data-key | String | -- | -- | You can get your api key [here](https://developers.google.com/maps/documentation/javascript/get-api-key).  |

| data-zoom | Integer | -- | 4 | Sets the initial map zoom |

| data-clustering | Boolean | true or false | false | Group the map markers |

### Map controls

| Attribute  | Type | Values | Default | Explanation |

|-|-|-|-|-|

| data-control-zoom | Boolean | true or false | false | -- |

| data-control-type | Boolean | true or false | false | -- |

| data-control-scale | Boolean | true or false | false | -- |

| data-control-streetview | Boolean | true or false | false | -- |

| data-control-rotate | Boolean | true or false | false | -- |

| data-control-fullscreen | Boolean | true or false | false | -- |

### Map events

| Attribute  | Type | Values | Default | Explanation |

|-|-|-|-|-|

| data-event-draggable | Boolean | true or false | true | -- |

| data-event-doubleclick | Boolean | true or false | true | -- |

| data-event-mousewheel | Boolean | true or false | false | -- |

To be continued...