Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
extends geokit and gives convenient helpers for adding google maps to your applicaiton
branch: master

This branch is 6 commits ahead of chrislo:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
test
README
Rakefile
license.txt
licenst.txt

README

GoogleMaps
=========

Works with geokit and adds convenient helper methods for your views


To Use:

1 - Set your Google Maps API Key in environment.rb (or somewhere else if you'd prefer)
	I'd suggest copying the configuration code out of your environment.rb and into an initializer named geokit

  # This key is good for localhost:3000, signup for more at http://www.google.com/apis/maps/signup.html
  GOOGLE_APPLICATION_ID = "ABQIAAAA3HdfrnxFAPWyY-aiJUxmqRTJQa0g3IQ9GZqIMmInSLzwtGDKaBQ0KYLwBEKSM7F9gCevcsIf6WPuIQ"


2 - Do something like this in a view.

  <%
  map = GoogleMap.new
  map.markers << GoogleMapMarker.new(:map => map, 
                                     :lat => 47.6597, 
                                     :lng => -122.318,
                                     :html => 'My House')
  %>
  <%= map.to_html %>
  <div style="width: 500px; height: 500px;">
    <%= map.div %>
  </div>


Advanced Usage
=========

1 - Use included icon classes

  # Available icon classes:
  # GoogleMapLetterIcon.new('A')
  # GoogleMapSmallIcon.new('yellow')
  <%
  map = GoogleMap.new
  icon = GoogleMapSmallIcon.new('blue')
  map.markers << GoogleMapMarker.new(:map => map, 
                                     :icon => icon,
                                     :lat => 47.6597, 
                                     :lng => -122.318,
                                     :html => 'My House',
									 :marker_icon_path => '/path/to/image',
									 :marker_hover_text => 'String to show on Mouse Over'
									)
  %>
  <%= map.to_html %>
  <div style="width: 500px; height: 500px;">
    <%= map.div %>
  </div>
Something went wrong with that request. Please try again.