Project

raphaeljs-maps-rails

0.0
No commit activity in last 3 years
No release in over 3 years
raphaeljs-maps-railswerein/raphaeljs-maps-railsHomepageDocumentationSource CodeBug TrackerWiki
Maps for Raphael JavaScript library
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Popularity
Downloads
6,604
Stars
0
Forks
0
Watchers
3
 Releases
Current version
1.0.0
Total releases
2
First release
2012-12-25
Latest release
2013-07-01
 Development
Primary Language
Ruby
Licenses
MIT
Average date of last 50 commits
2013-02-10
Reverse Dependencies
0

 Dependencies

Development

bundler
~> 1.3
rake
>= 0

Runtime

railties
>= 0
 Project Readme

Raphaeljs::Maps::Rails

Maps for Raphael JS

Available maps: US, Czech Republic

If you have some other maps please make pull request

Installation

Add this line to your application's Gemfile:

gem 'raphaeljs-maps-rails'

And then execute:

$ bundle

Or install it yourself as:

$ gem install raphaeljs-maps-rails

Usage

Insert js files to your application.js

#= require raphael/maps/map-name

United states: us Czech republic: czech-republic

Add this to your javascript

window.onload = ->
  # important - we need the original SVG's width and height
  svgWidth = 800
  svgHeight = 600

  R = Raphael("map", "100%", "100%")
  attr =
    fill: "#333"
    stroke: "#666"
    "stroke-opacity": "1"
    "stroke-linejoin": "round"
    "stroke-miterlimit": "4"
    "stroke-width": "0.75"
    "stroke-dasharray": "none"

  raphaelMap = {}

  R.setViewBox 0, 0, svgWidth, svgHeight, true

  # Replace with your Map
  for state of czechRepublicMap
    raphaelMap[state] = R.path(czechRepublicMap[state]).attr(attr)

  for state of raphaelMap
    raphaelMap[state].color = Raphael.getColor()
    ((st, state) ->
      st[0].style.cursor = "pointer"
      st[0].onmouseover = ->
        st.animate
          fill: st.color
        , 500
        st.toFront()
        R.safari()

      st[0].onmouseout = ->
        st.animate
          fill: "#333"
        , 500
        st.toFront()
        R.safari()

    ) raphaelMap[state], state

And show it in your app

#map

Thanks

Map responsive : Gabriel Florit ( https://github.com/robflaherty/us-map-raphael ) US map: Rob Flaherty ( https://github.com/robflaherty/us-map-raphael ) Czech Rebublic map: Karmi ( http://data.karmi.cz/varia/czech-republic-regions-html/czech-republic-regions.html )

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request