gmaps4rails 1.4.8 → 1.5.0.pre

data/spec/dummy/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/spec/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//#= require_tree .

data/spec/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+*/

data/spec/dummy/app/assets/stylesheets/gmaps4rails.css

@@ -0,0 +1,24 @@
+.map_container {
+  padding: 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ccc #ccc #999 #ccc;
+  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
+  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
+  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
+  width: 800px;
+}
+
+.gmaps4rails_map {
+  width: 800px;
+  height: 400px;
+}
+
+.bing_map {
+   position: absolute;
+   top: 20;
+   left: 10;
+   width: 400px;
+   height: 400px;
+   border:#555555 2px solid;
+}

data/spec/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery
+end

data/spec/dummy/app/controllers/users_controller.rb

@@ -0,0 +1,96 @@
+class UsersController < ApplicationController
+  # GET /users
+  # GET /users.json
+  respond_to :html, :json
+  
+  
+  def index
+    @users = User.all
+    @json = @users.to_gmaps4rails do |user, marker|
+      marker.json({:id => user.id })
+    end
+    respond_with @json
+  end
+  
+  def ajax_test
+  end
+  
+  def ajax_data
+     @json = User.all.to_gmaps4rails
+     render :json => @json and return
+  end
+
+  def json(string)
+    string
+  end 
+  # GET /users/1
+  # GET /users/1.json
+  def show
+    @user = User.find(params[:id])
+
+    respond_to do |format|
+      format.html # show.html.erb
+      format.json { render :json => @user }
+    end
+  end
+
+  # GET /users/new
+  # GET /users/new.json
+  def new
+    @user = User.new
+
+    respond_to do |format|
+      format.html # new.html.erb
+      format.json { render :json => @user }
+    end
+  end
+
+  # GET /users/1/edit
+  def edit
+    @user = User.find(params[:id])
+  end
+
+  # POST /users
+  # POST /users.json
+  def create
+    @user = User.new(params[:user])
+
+    respond_to do |format|
+      if @user.save
+        format.html { redirect_to @user, :notice => 'User was successfully created.' }
+        format.json { render :json => @user, :status => :created, :location => @user }
+      else
+        format.html { render :action => "new" }
+        format.json { render :json => @user.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  # PUT /users/1
+  # PUT /users/1.json
+  def update
+    @user = User.find(params[:id])
+
+    respond_to do |format|
+      if @user.update_attributes(params[:user])
+        format.html { redirect_to @user, :notice => 'User was successfully updated.' }
+        format.json { head :ok }
+      else
+        format.html { render :action => "edit" }
+        format.json { render :json => @user.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  # DELETE /users/1
+  # DELETE /users/1.json
+  def destroy
+    @user = User.find(params[:id])
+    @user.destroy
+
+    respond_to do |format|
+      format.html { redirect_to users_url }
+      format.json { head :ok }
+    end
+  end
+end

data/spec/dummy/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/spec/dummy/app/models/user.rb

@@ -0,0 +1,9 @@
+class User < ActiveRecord::Base
+  acts_as_gmappable
+  
+  attr_accessor :lat_test, :long_test, :bool_test
+  
+  def gmaps4rails_address
+    address
+  end
+end

data/spec/dummy/app/views/layouts/application.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Dummy</title>
+  <%= stylesheet_link_tag    "application", :media => "all" %>
+  <%= javascript_include_tag "application" %>
+  <%= csrf_meta_tags %>
+  <%= yield :head %>
+</head>
+<body>
+
+<%= yield %>
+
+<%= yield :scripts %>
+</body>
+</html>

data/spec/dummy/app/views/users/_form.html.erb

@@ -0,0 +1,37 @@
+<%= form_for(@user) do |f| %>
+  <% if @user.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@user.errors.count, "error") %> prohibited this user from being saved:</h2>
+
+      <ul>
+      <% @user.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="field">
+    <%= f.label :name %><br />
+    <%= f.text_field :name %>
+  </div>
+  <div class="field">
+    <%= f.label :address %><br />
+    <%= f.text_field :address %>
+  </div>
+  <div class="field">
+    <%= f.label :latitude %><br />
+    <%= f.text_field :latitude %>
+  </div>
+  <div class="field">
+    <%= f.label :longitude %><br />
+    <%= f.text_field :longitude %>
+  </div>
+  <div class="field">
+    <%= f.label :gmaps %><br />
+    <%= f.check_box :gmaps %>
+  </div>
+  <div class="actions">
+    <%= f.submit %>
+  </div>
+<% end %>

data/spec/dummy/app/views/users/_my_template.html.erb

@@ -0,0 +1,2 @@
+<p><%= object.name %></p>
+<%= render :partial => "/users/my_template2" %>

data/spec/dummy/app/views/users/_my_template2.html.erb

@@ -0,0 +1 @@
+<b>"ok man"</b>

data/spec/dummy/app/views/users/ajax_data.js.erb

@@ -0,0 +1,2 @@
+$('#joe').html("<%= escape_javascript(gmaps({})) %>");
+<%= {:markers => {:data => @json }}.to_gmaps4rails %>

data/spec/dummy/app/views/users/ajax_test.html.erb

@@ -0,0 +1,22 @@
+<%= gmaps({:last_map => false}) %>
+
+
+<button type="button" id="ajax">Replace Markers</button>
+
+<script type="text/javascript" charset="utf-8">
+$(function() {
+  
+  $(".map_container").hide();
+  
+  
+$("#ajax").click(function(){  
+  $.getJSON('/users', function(response){
+    $(".map_container").show();
+    Gmaps.map.initialize();
+    Gmaps.map.addMarkers(response);
+  })
+  
+})
+});</script>
+
+<!--  -->

data/spec/dummy/app/views/users/edit.html.erb

@@ -0,0 +1,6 @@
+<h1>Editing user</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Show', @user %> |
+<%= link_to 'Back', users_path %>

data/spec/dummy/app/views/users/index.html.erb

@@ -0,0 +1,238 @@
+<h1>Listing users</h1>
+
+<table>
+  <tr>
+    <th>Name</th>
+    <th>Address</th>
+    <th>Latitude</th>
+    <th>Longitude</th>
+    <th>Gmaps</th>
+    <th></th>
+    <th></th>
+    <th></th>
+  </tr>
+<% @users.each_with_index do |user, index| %>
+  <% break if index == 5  %>
+  <tr>
+    <td><%= user.name %></td>
+    <td><%= user.address %></td>
+    <td><%= user.latitude %></td>
+    <td><%= user.longitude %></td>
+    <td><%= user.gmaps %></td>
+    <td><%= link_to 'Show', user %></td>
+    <td><%= link_to 'Edit', edit_user_path(user) %></td>
+    <td><%= link_to 'Destroy', user, :confirm => 'Are you sure?', :method => :delete %></td>
+  </tr>
+<% end %>
+</table>
+
+<br />
+
+<!-- <div class="map_container"> 
+  <div id="map" class="gmaps4rails_map"></div> 
+</div>  -->
+<script type="text/javascript" charset="utf-8"> 
+window.onload =alert('ok');
+
+//  
+// Gmaps.map = new Gmaps4RailsGoogle();
+// function load_map() {
+// Gmaps.map.initialize();
+// Gmaps.map.callback();
+// };
+// window.onload = function() { Gmaps.loadMaps(); };
+//  
+//Gmaps.map.map_options.class = 'gmaps4railsmap';
+</script> 
+
+
+<%= link_to 'New User', new_user_path %>
+
+<%#= gmaps({"markers"     => {"data" => @json }, 
+          "map_options" => { :provider => "openlayers"}}) %> 
+<%#= gmaps({}) %> 
+
+
+<%#= gmaps({
+    :map_options => {
+  #      :auto_adjust => false,
+   :center_on_user => true,
+         :zoom => 3,
+         :raw => '{ scrollwheel: false }',
+         :center_latitude => 41.574361,
+         :center_longitude => -72.949219,
+          :libraries => ["places"] }
+ }) %>
+ <%#= gmaps( :map_options => {:auto_adjust=>true, :auto_zoom=>true}, :markers => {:data=>"[{\"lat\":43.5368851,\"lng\":-79.6849913}]"}, :circles => {:data=>"[{\"lng\":-79.6849913,\"lat\":43.5368851,\"radius\":5000.0,\"strokeColor\":\"#DD3300\"}]", :options=>{:fillOpacity=>0.35}} )
+  %>
+  <%= gmaps4rails(@json) %>
+  <%#= gmaps(:markers => {:data => @json}, :map_options => { :detect_location => true, :auto_zoom => false, :zoom => 15, :auto_adjust => true, :center_on_user => true}) %>
+ <%#= gmaps(:map_options => { :auto_adjust => true }, 
+   :markers => {
+     :data => @json,
+     #:options => {:do_clustering => true}
+    }) %>
+
+<%#= gmaps( {:map_options => { :disableDefaultUI => true, :auto_adjust => true, :center_on_user => true, :detect_location => true,  :center_latitude => 41.574361,
+ :center_longitude => -72.949219 }}) %>
+<%#= gmaps(:markers => {:data => @json, :options => {:do_clustering => false, "custom_infowindow_class" => "yellow", :raw => "{ flat: true, draggable: true}" } },
+          :polygons => {:data =>  '[[
+  {"lng": 5.190262, "lat": 25.774252},
+  {"lng": 7.118292, "lat": 45.466465},
+  {"lng": 4.75737, "lat": 53.321384}
+  ]]'},
+  "circles"     => { "data" => '[
+{"lng": -122.214897, "lat": 37.772323, "radius": 1000000},
+{"lng": 122.214897, "lat": 37.772323, "radius": 1000000, "strokeColor": "#FF0000"}
+]'},
+        "polylines"   => { "data" => '[[
+{"lng": -122.214897, "lat": 37.772323},
+{"lng": -157.821856, "lat": 21.291982},
+{"lng": 178.431, "lat": -18.142599},
+{"lng": 153.027892, "lat": -27.46758}
+],
+[
+{"lng": -120.214897, "lat": 30.772323, "strokeColor": "#000", "strokeWeight" : 2 },
+{"lng": -10.821856, "lat": 50.291982}
+]]' },
+          :map_options => {:auto_adjust => true, :auto_zoom => false, :zoom => 3, :center_on_user => false, :detect_location => false, :raw => "{styles: pinkParksStyles}" },
+          :last_map => true) %>
+<%#= gmaps(:markers => {:data => '[{ "lng": "5.9311119", "lat": "43.1251606"} ,{ "lng": "2.3509871", "lat": "48.8566667" },{ "lng": "0", "lat": "0" } ]', "options" => {"do_clustering" => true, "draggable" => true  } },
+          :map_options => { :auto_adjust => true, :center_on_user => true, :zoom => 5, :id => "ed" },
+          :scripts => "api",
+          :last_map => false ) %>
+<%#= gmaps(:markers => {:data => @json, :options => {:do_clustering => false, :draggable => true  } },
+          :map_options => { :auto_adjust => true, :center_on_user => true, :zoom => 5, :provider => "openlayers", :id => "joe" },
+          :scripts => "api",
+          :last_map => false ) %> 
+<%#= gmaps(:markers => {:data => @json, :options => {:do_clustering => false, :draggable => true  } },
+          :map_options => { :auto_adjust => true, :center_on_user => true, :zoom => 5, :id => "joe3", :provider => "mapquest", :provider_key => MAPQUEST_KEY },
+          :scripts => "api",
+          :last_map => false ) %> 
+<%#= gmaps(:markers => {"data" => @json, :options => {:do_clustering => false, :draggable => true  } },
+          :map_options => { :auto_adjust => true, :center_on_user => true, :zoom => 5, :id => "joe2", :provider => "bing", :provider_key => BING_KEY },
+          :scripts => "api" ) %>
+<%#= gmaps({
+         "map_options" => { "auto_adjust" => false, "zoom" => 0, "libraries" => ["places"] },
+         "markers" => { "data" => @json }
+          }, true, true) %>
+<%# @circles_json = '[ {"lng": -122.214897, "lat": 37.772323, "radius": 1000000} ]' %>
+          <%#= gmaps(
+              "circles"    => { "data" => @circles_json } , "map_options" => { "auto_adjust" => true }
+            )  %>
+            <button type="button" onclick="Gmaps.map.replaceMarkers(builder2)">Replace Markers</button>
+            <button type="button" onclick="Gmaps.map.addMarkers(builder2)">Add Markers</button>
+            <button type="button" onclick="Gmaps.map.addMarkers(builder3)">Add Markers bis</button>
+
+<% content_for :scripts do -%>
+<script type="text/javascript" charset="utf-8">
+
+// Gmaps.map.jsTemplate = function(marker_container){
+//   return "ok";
+// }
+    // function HomeControl(controlDiv, map) {
+    //   var chicago = new google.maps.LatLng(41.850033, -87.6500523);
+    // 
+    //   // Set CSS styles for the DIV containing the control
+    //   // Setting padding to 5 px will offset the control
+    //   // from the edge of the map.
+    //   controlDiv.style.padding = '5px';
+    // 
+    //   // Set CSS for the control border.
+    //   var controlUI = document.createElement('DIV');
+    //   controlUI.style.backgroundColor = 'white';
+    //   controlUI.style.borderStyle = 'solid';
+    //   controlUI.style.borderWidth = '2px';
+    //   controlUI.style.cursor = 'pointer';
+    //   controlUI.style.textAlign = 'center';
+    //   controlUI.title = 'Click to set the map to Home';
+    //   controlDiv.appendChild(controlUI);
+    // 
+    //   // Set CSS for the control interior.
+    //   var controlText = document.createElement('DIV');
+    //   controlText.style.fontFamily = 'Arial,sans-serif';
+    //   controlText.style.fontSize = '12px';
+    //   controlText.style.paddingLeft = '4px';
+    //   controlText.style.paddingRight = '4px';
+    //   controlText.innerHTML = 'Home';
+    //   controlUI.appendChild(controlText);
+    // 
+    //   // Setup the click event listeners: simply set the map to Chicago.
+    //   google.maps.event.addDomListener(controlUI, 'click', function() {
+    //     map.setCenter(chicago)
+    //   });
+    // }
+    // 
+    // Gmaps.map.callback = function(){
+    //   // Create the DIV to hold the control and call the HomeControl() constructor
+    //   // passing in this DIV.
+    //   var homeControlDiv = document.createElement('DIV');
+    //   var homeControl = new HomeControl(homeControlDiv, Gmaps.map.map);
+    // 
+    //   homeControlDiv.index = 1;
+    //   Gmaps.map.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
+    // };
+    // 
+    // 
+    // var pinkParksStyles = [
+    //   {
+    //     featureType: "all",
+    //     stylers: [
+    //       { saturation: -80 }
+    //     ]
+    //   },
+    //   {
+    //     featureType: "poi.park",
+    //     stylers: [
+    //       { hue: "#ff0023" },
+    //       { saturation: 40 }
+    //     ]
+    //   }
+    // ];
+  // 
+//   
+//   
+// }
+// 
+// Gmaps.map.infobox = function(boxText) {
+//  return {
+//     content: boxText
+//    ,disableAutoPan: false
+//    ,maxWidth: 0
+//    ,pixelOffset: new google.maps.Size(-140, 0)
+//    ,zIndex: null
+//    ,boxStyle: { 
+//      background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/examples/tipbox.gif') no-repeat"
+//      ,opacity: 0.75
+//      ,width: "280px"
+//       }
+//    ,closeBoxMargin: "10px 2px 2px 2px"
+//    ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
+//    ,infoBoxClearance: new google.maps.Size(1, 1)
+//    ,isHidden: false
+//    ,pane: "floatPane"
+//    ,enableEventPropagation: false
+// }};
+
+</script>
+ <script type="text/javascript" charset="utf-8">
+ 
+var builder2 =  
+      [
+{
+"lng": "5.9311119",
+"lat": "42.1251606",
+} ,{
+"lng": "32.3509871",
+"lat": "47.8566667",
+}
+];
+var builder3 = [{
+"lng": "6.9311119",
+"lat": "49.1251606",
+} ,{
+"lng": "39.3509871",
+"lat": "40.8566667",
+} ];
+</script>
+<% end -%>