GMapz is yet another Google Maps JS library. It eases the creation of Google Maps, it's responsive, supports the creation of multiple instances in the same page (each one with its own settings), the creation of custom styled infowindows, and other useful helpers.
You can view the full documentation (WIP) and working samples at:
http://carloscabo.github.io/gmapz
Simply include in your gemfile
:
gem 'gmapz'
and run bundle install
Then add in your application.js
//= require gmapz
//= require gmapz.map
//= require gmapz.autocomplete
If you want to add it to your project by hand, copy src/js/gmapz/gmapz.js
, src/js/gmapz/gmapz.map.js
and src/js/gmapz/gmapz.autocomplete.js
(only if you need to add an autocomple input) in your project and be sure that its included in the pages after JQuery.
It's recommended that you give a look at: http://carloscabo.github.io/gmapz/ for a more in deep explanation of the pins
, and the locations
. In this repository you have two sample files for both of them: src/js/gmapz/gmapz.pins.js
and src/js/gmapz/gmapz.locations.js
.
For the responsive features take a look to src/css/gmapz-responsive.css
that is used in conjuction with MQBE.
If you want to customize the map infobox windows you can use src/css/gmapz-sample-infobox.scss
as base for your own styles.
2.11 (2017/09/19)
.svg
it look for an .png
in the same path if the web browser is IE (that does not support .svg
pins)2.10 (2017/04/19)
2.09 (2016/07/15)
2.08 (2016/07/06)
2.07 (2016/05/31)
2.06
2.05
2.02
2.01