Adding gmaps
This commit is contained in:
parent
ebc696814e
commit
2b644e0b74
|
|
@ -37,6 +37,7 @@ GEM
|
|||
coffee-script-source (1.6.3)
|
||||
erubis (2.7.0)
|
||||
execjs (2.0.2)
|
||||
gmaps4rails (1.5.6)
|
||||
hike (1.2.3)
|
||||
i18n (0.6.5)
|
||||
jbuilder (1.5.2)
|
||||
|
|
@ -111,6 +112,7 @@ PLATFORMS
|
|||
|
||||
DEPENDENCIES
|
||||
coffee-rails (~> 4.0.0)
|
||||
gmaps4rails
|
||||
jbuilder (~> 1.2)
|
||||
jquery-rails
|
||||
paper_trail (>= 3.0.0.beta1)
|
||||
|
|
|
|||
4
app/assets/stylesheets/spaces.css
Normal file
4
app/assets/stylesheets/spaces.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.marker-container h3 {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
// Place all the styles related to the Spaces controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
||||
|
|
@ -5,6 +5,35 @@ class SpacesController < ApplicationController
|
|||
# GET /spaces.json
|
||||
def index
|
||||
@spaces = Space.all
|
||||
|
||||
# Index, downcase, and capitalize the categories
|
||||
dot_index = 0
|
||||
@spaces.group_by{|s| s.category.downcase}.each do |group|
|
||||
dot_color = Space.dot_colors[dot_index]
|
||||
group.last.each do |space|
|
||||
space.category = group.first.capitalize
|
||||
space.dot_color = dot_color
|
||||
end
|
||||
dot_index += 1
|
||||
end
|
||||
|
||||
# Don't bother with generating markers for JSON
|
||||
respond_to do |format|
|
||||
format.html {
|
||||
|
||||
@json = @spaces.to_gmaps4rails do |space, marker|
|
||||
marker.infowindow render_to_string(:partial => "/spaces/marker", :locals => { :space => space})
|
||||
marker.picture({
|
||||
:picture => "http://maps.google.com/intl/en_us/mapfiles/ms/micons/#{space.dot_color}-dot.png",
|
||||
:width => 32,
|
||||
:height => 32
|
||||
})
|
||||
marker.title space.name
|
||||
marker.json({ :id => space.id })
|
||||
end
|
||||
}
|
||||
format.json #render json
|
||||
end
|
||||
end
|
||||
|
||||
# GET /spaces/1
|
||||
|
|
@ -69,6 +98,6 @@ class SpacesController < ApplicationController
|
|||
|
||||
# Never trust parameters from the scary internet, only allow the white list through.
|
||||
def space_params
|
||||
params.require(:space).permit(:name, :type, :address, :hours, :phone, :email, :website, :description)
|
||||
params.require(:space).permit(:name, :category, :address, :city, :state, :hours, :phone, :email, :website, :description)
|
||||
end
|
||||
end
|
||||
|
|
|
|||
|
|
@ -1,3 +1,41 @@
|
|||
class Space < ActiveRecord::Base
|
||||
has_paper_trail
|
||||
acts_as_gmappable
|
||||
|
||||
before_update :update_lat_lng
|
||||
|
||||
attr_accessor :dot_color
|
||||
|
||||
def self.categories
|
||||
# Downcased and capitalized for great justice
|
||||
Space.all.select(:category).map{|s| s.category.downcase.capitalize }.uniq
|
||||
end
|
||||
|
||||
def self.dot_colors
|
||||
["red","blue","green","yellow","purple","orange"]
|
||||
end
|
||||
|
||||
def website_with_protocol
|
||||
/^http/.match(self.website) ? self.website : "http://#{self.website}"
|
||||
end
|
||||
|
||||
def full_address
|
||||
"#{self.address}, #{self.city} #{self.state}"
|
||||
end
|
||||
|
||||
def gmaps4rails_address
|
||||
#describe how to retrieve the address from your model, if you use directly a db column, you can dry your code, see wiki
|
||||
self.full_address
|
||||
end
|
||||
|
||||
def update_lat_lng
|
||||
coords = self.geocode.first
|
||||
Rails.logger.info coords.inspect
|
||||
self.latitude = coords[:lat]
|
||||
self.longitude = coords[:lng]
|
||||
end
|
||||
|
||||
def geocode
|
||||
Gmaps4rails.geocode(self.full_address)
|
||||
end
|
||||
end
|
||||
|
|
|
|||
|
|
@ -17,12 +17,20 @@
|
|||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :category %><br>
|
||||
<%= f.text_field :category %>
|
||||
<%= f.text_field :category %> (suggested: <%= Space.categories.join(", ") %>)
|
||||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :address %><br>
|
||||
<%= f.text_field :address %>
|
||||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :city %><br>
|
||||
<%= f.text_field :city %>
|
||||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :state %><br>
|
||||
<%= f.text_field :state %>
|
||||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :hours %><br>
|
||||
<%= f.text_field :hours %>
|
||||
|
|
|
|||
20
app/views/spaces/_marker.html.erb
Normal file
20
app/views/spaces/_marker.html.erb
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<div class="marker-container">
|
||||
<h3><%= space.name %></h3>
|
||||
<em><%= space.category %></em>
|
||||
|
||||
<p>
|
||||
<%= space.full_address %><br/>
|
||||
|
||||
<strong>Hours:</strong> <%= space.hours %><br/>
|
||||
|
||||
<strong>Phone:</strong> <%= space.phone %><br/>
|
||||
|
||||
<strong>Email:</strong> <%= space.email %><br/>
|
||||
|
||||
<strong>Website:</strong> <%= link_to space.website, space.website_with_protocol %><br/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<%= space.description %>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -11,7 +11,12 @@
|
|||
|
||||
<p>
|
||||
<strong>Address:</strong>
|
||||
<%= space.address %>
|
||||
<%= space.full_address %>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Latitude/Longitude:</strong>
|
||||
<%= space.latitude %>, <%= space.longitude %>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,21 @@
|
|||
<h1>Listing spaces</h1>
|
||||
<%= stylesheet_link_tag 'gmaps4rails' %>
|
||||
|
||||
<h1>Collaborative Spaces in Arizona</h1>
|
||||
<p>
|
||||
<%= link_to 'Add Space', new_space_path %> |
|
||||
<%= link_to 'JSON Feed', spaces_path("json") %>
|
||||
</p>
|
||||
|
||||
<%= gmaps4rails(@json) %>
|
||||
|
||||
<%= yield :scripts %>
|
||||
|
||||
<br/>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Category</th>
|
||||
<th>Address</th>
|
||||
<th>Hours</th>
|
||||
<th>Phone</th>
|
||||
|
|
@ -18,24 +29,24 @@
|
|||
</thead>
|
||||
|
||||
<tbody>
|
||||
<% @spaces.each do |space| %>
|
||||
<tr>
|
||||
<td><%= space.name %></td>
|
||||
<td><%= space.category %></td>
|
||||
<td><%= space.address %></td>
|
||||
<td><%= space.hours %></td>
|
||||
<td><%= space.phone %></td>
|
||||
<td><%= space.email %></td>
|
||||
<td><%= space.website %></td>
|
||||
<td><%= space.description %></td>
|
||||
<td><%= link_to 'Show', space %></td>
|
||||
<td><%= link_to 'Edit', edit_space_path(space) %></td>
|
||||
<td><%= link_to 'Destroy', space, method: :delete, data: { confirm: 'Are you sure?' } %></td>
|
||||
</tr>
|
||||
<% @spaces.group_by{|s| s.category}.each do |category, spaces| %>
|
||||
<tr><th colspan="7" style="text-align: left;">
|
||||
<span style="color: <%= spaces.first.dot_color %>">•</span>
|
||||
<%= category.titleize.pluralize %></th></tr>
|
||||
<% spaces.each do |space| %>
|
||||
<tr>
|
||||
<td><%= space.name %></td>
|
||||
<td><%= space.full_address %></td>
|
||||
<td><%= space.hours %></td>
|
||||
<td><%= space.phone %></td>
|
||||
<td><%= space.email %></td>
|
||||
<td><%= space.website %></td>
|
||||
<td><%= space.description %></td>
|
||||
<td><%= link_to 'Show', space %></td>
|
||||
<td><%= link_to 'Edit', edit_space_path(space) %></td>
|
||||
<td><%= link_to 'Destroy', space, method: :delete, data: { confirm: 'Are you sure?' } %></td>
|
||||
</tr>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
|
||||
<%= link_to 'New Space', new_space_path %>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
json.array!(@spaces) do |space|
|
||||
json.extract! space, :name, :type, :address, :hours, :phone, :email, :website, :description
|
||||
json.extract! space, :name, :category, :address, :city, :state, :hours, :phone, :email, :website, :description, :dot_color
|
||||
json.url space_url(space, format: :json)
|
||||
end
|
||||
|
|
|
|||
|
|
@ -2,12 +2,11 @@
|
|||
|
||||
<%= render partial: "space", locals: {space: @space} %>
|
||||
|
||||
<%= link_to 'Edit', edit_space_path(@space) %> |
|
||||
<%= link_to 'Back', spaces_path %>
|
||||
<%= link_to 'Edit', edit_space_path(@space) %>
|
||||
|
||||
<h3>Revision history</h3>
|
||||
<dl>
|
||||
<% @space.versions.each do |v| %>
|
||||
<% @space.versions.reverse!.each do |v| %>
|
||||
<dt><b><%= v.event.capitalize %> <%= v.created_at %> <%= v.whodunnit if v.whodunnit %></b></dt>
|
||||
<dd>
|
||||
<% if v.reify %>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
json.extract! @space, :name, :type, :address, :hours, :phone, :email, :website, :description, :created_at, :updated_at
|
||||
json.extract! @space, :name, :category, :address, :city, :state, :hours, :phone, :email, :website, :description, :created_at, :updated_at
|
||||
|
|
|
|||
7
db/migrate/20131009103919_add_lat_long_gmap_to_spaces.rb
Normal file
7
db/migrate/20131009103919_add_lat_long_gmap_to_spaces.rb
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
class AddLatLongGmapToSpaces < ActiveRecord::Migration
|
||||
def change
|
||||
add_column :spaces, :latitude, :float
|
||||
add_column :spaces, :longitude, :float
|
||||
add_column :spaces, :gmaps, :boolean
|
||||
end
|
||||
end
|
||||
6
db/migrate/20131009120246_add_city_state_to_spaces.rb
Normal file
6
db/migrate/20131009120246_add_city_state_to_spaces.rb
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
class AddCityStateToSpaces < ActiveRecord::Migration
|
||||
def change
|
||||
add_column :spaces, :city, :string
|
||||
add_column :spaces, :state, :string
|
||||
end
|
||||
end
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
#
|
||||
# It's strongly recommended that you check this file into your version control system.
|
||||
|
||||
ActiveRecord::Schema.define(version: 20131009051102) do
|
||||
ActiveRecord::Schema.define(version: 20131009120246) do
|
||||
|
||||
create_table "spaces", force: true do |t|
|
||||
t.string "name"
|
||||
|
|
@ -24,6 +24,11 @@ ActiveRecord::Schema.define(version: 20131009051102) do
|
|||
t.text "description"
|
||||
t.datetime "created_at"
|
||||
t.datetime "updated_at"
|
||||
t.float "latitude"
|
||||
t.float "longitude"
|
||||
t.boolean "gmaps"
|
||||
t.string "city"
|
||||
t.string "state"
|
||||
end
|
||||
|
||||
create_table "versions", force: true do |t|
|
||||
|
|
|
|||
464
public/javascripts/gmaps4rails/gmaps4rails.base.js
Normal file
464
public/javascripts/gmaps4rails/gmaps4rails.base.js
Normal file
|
|
@ -0,0 +1,464 @@
|
|||
(function() {
|
||||
var Gmaps;
|
||||
|
||||
Gmaps = {};
|
||||
|
||||
Gmaps.triggerOldOnload = function() {
|
||||
if (typeof Gmaps.oldOnload === 'function') return Gmaps.oldOnload();
|
||||
};
|
||||
|
||||
Gmaps.loadMaps = function() {
|
||||
var key, load_function_name, searchLoadIncluded, value, _results;
|
||||
_results = [];
|
||||
for (key in Gmaps) {
|
||||
value = Gmaps[key];
|
||||
searchLoadIncluded = key.search(/load/);
|
||||
if (searchLoadIncluded === -1) {
|
||||
load_function_name = "load_" + key;
|
||||
_results.push(Gmaps[load_function_name]());
|
||||
} else {
|
||||
_results.push(void 0);
|
||||
}
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
window.Gmaps = Gmaps;
|
||||
|
||||
this.Gmaps4Rails = (function() {
|
||||
|
||||
function Gmaps4Rails() {
|
||||
this.map = null;
|
||||
this.serviceObject = null;
|
||||
this.visibleInfoWindow = null;
|
||||
this.userLocation = null;
|
||||
this.geolocationFailure = function() {
|
||||
return false;
|
||||
};
|
||||
this.callback = function() {
|
||||
return false;
|
||||
};
|
||||
this.customClusterer = function() {
|
||||
return false;
|
||||
};
|
||||
this.infobox = function() {
|
||||
return false;
|
||||
};
|
||||
this.jsTemplate = false;
|
||||
this.default_map_options = {
|
||||
id: 'map',
|
||||
draggable: true,
|
||||
detect_location: false,
|
||||
center_on_user: false,
|
||||
center_latitude: 0,
|
||||
center_longitude: 0,
|
||||
zoom: 7,
|
||||
maxZoom: null,
|
||||
minZoom: null,
|
||||
auto_adjust: true,
|
||||
auto_zoom: true,
|
||||
bounds: [],
|
||||
raw: {}
|
||||
};
|
||||
this.default_markers_conf = {
|
||||
title: "",
|
||||
picture: "",
|
||||
width: 22,
|
||||
length: 32,
|
||||
draggable: false,
|
||||
do_clustering: false,
|
||||
randomize: false,
|
||||
max_random_distance: 100,
|
||||
list_container: null,
|
||||
offset: 0,
|
||||
raw: {}
|
||||
};
|
||||
this.markers = [];
|
||||
this.boundsObject = null;
|
||||
this.polygons = [];
|
||||
this.polylines = [];
|
||||
this.circles = [];
|
||||
this.markerClusterer = null;
|
||||
this.markerImages = [];
|
||||
this.polylines_conf = {
|
||||
strokeColor: "#FF0000",
|
||||
strokeOpacity: 1,
|
||||
strokeWeight: 2,
|
||||
clickable: false,
|
||||
zIndex: null
|
||||
};
|
||||
}
|
||||
|
||||
Gmaps4Rails.prototype.initialize = function() {
|
||||
this.serviceObject = this.createMap();
|
||||
this.map = this.serviceObject;
|
||||
if (this.map_options.detect_location === true || this.map_options.center_on_user === true) {
|
||||
this.findUserLocation(this);
|
||||
}
|
||||
return this.resetSidebarContent();
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.findUserLocation = function(map_object) {
|
||||
var positionFailure, positionSuccessful;
|
||||
if (navigator.geolocation) {
|
||||
positionSuccessful = function(position) {
|
||||
map_object.userLocation = map_object.createLatLng(position.coords.latitude, position.coords.longitude);
|
||||
if (map_object.map_options.center_on_user === true) {
|
||||
return map_object.centerMapOnUser();
|
||||
}
|
||||
};
|
||||
positionFailure = function() {
|
||||
return map_object.geolocationFailure(true);
|
||||
};
|
||||
return navigator.geolocation.getCurrentPosition(positionSuccessful, positionFailure);
|
||||
} else {
|
||||
return map_object.geolocationFailure(false);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_direction = function() {
|
||||
var directionsDisplay, directionsService, request;
|
||||
directionsDisplay = new google.maps.DirectionsRenderer();
|
||||
directionsService = new google.maps.DirectionsService();
|
||||
directionsDisplay.setMap(this.serviceObject);
|
||||
if (this.direction_conf.display_panel) {
|
||||
directionsDisplay.setPanel(document.getElementById(this.direction_conf.panel_id));
|
||||
}
|
||||
directionsDisplay.setOptions({
|
||||
suppressMarkers: false,
|
||||
suppressInfoWindows: false,
|
||||
suppressPolylines: false
|
||||
});
|
||||
request = {
|
||||
origin: this.direction_conf.origin,
|
||||
destination: this.direction_conf.destination,
|
||||
waypoints: this.direction_conf.waypoints,
|
||||
optimizeWaypoints: this.direction_conf.optimizeWaypoints,
|
||||
unitSystem: google.maps.DirectionsUnitSystem[this.direction_conf.unitSystem],
|
||||
avoidHighways: this.direction_conf.avoidHighways,
|
||||
avoidTolls: this.direction_conf.avoidTolls,
|
||||
region: this.direction_conf.region,
|
||||
travelMode: google.maps.DirectionsTravelMode[this.direction_conf.travelMode],
|
||||
language: "en"
|
||||
};
|
||||
return directionsService.route(request, function(response, status) {
|
||||
if (status === google.maps.DirectionsStatus.OK) {
|
||||
return directionsDisplay.setDirections(response);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_circles = function() {
|
||||
var circle, _i, _len, _ref, _results;
|
||||
_ref = this.circles;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
circle = _ref[_i];
|
||||
_results.push(this.create_circle(circle));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_circle = function(circle) {
|
||||
var newCircle;
|
||||
if (circle === this.circles[0]) {
|
||||
if (circle.strokeColor != null) {
|
||||
this.circles_conf.strokeColor = circle.strokeColor;
|
||||
}
|
||||
if (circle.strokeOpacity != null) {
|
||||
this.circles_conf.strokeOpacity = circle.strokeOpacity;
|
||||
}
|
||||
if (circle.strokeWeight != null) {
|
||||
this.circles_conf.strokeWeight = circle.strokeWeight;
|
||||
}
|
||||
if (circle.fillColor != null) {
|
||||
this.circles_conf.fillColor = circle.fillColor;
|
||||
}
|
||||
if (circle.fillOpacity != null) {
|
||||
this.circles_conf.fillOpacity = circle.fillOpacity;
|
||||
}
|
||||
}
|
||||
if ((circle.lat != null) && (circle.lng != null)) {
|
||||
newCircle = new google.maps.Circle({
|
||||
center: this.createLatLng(circle.lat, circle.lng),
|
||||
strokeColor: circle.strokeColor || this.circles_conf.strokeColor,
|
||||
strokeOpacity: circle.strokeOpacity || this.circles_conf.strokeOpacity,
|
||||
strokeWeight: circle.strokeWeight || this.circles_conf.strokeWeight,
|
||||
fillOpacity: circle.fillOpacity || this.circles_conf.fillOpacity,
|
||||
fillColor: circle.fillColor || this.circles_conf.fillColor,
|
||||
clickable: circle.clickable || this.circles_conf.clickable,
|
||||
zIndex: circle.zIndex || this.circles_conf.zIndex,
|
||||
radius: circle.radius
|
||||
});
|
||||
circle.serviceObject = newCircle;
|
||||
return newCircle.setMap(this.serviceObject);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.clear_circles = function() {
|
||||
var circle, _i, _len, _ref, _results;
|
||||
_ref = this.circles;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
circle = _ref[_i];
|
||||
_results.push(this.clear_circle(circle));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.clear_circle = function(circle) {
|
||||
return circle.serviceObject.setMap(null);
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.hide_circles = function() {
|
||||
var circle, _i, _len, _ref, _results;
|
||||
_ref = this.circles;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
circle = _ref[_i];
|
||||
_results.push(this.hide_circle(circle));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.hide_circle = function(circle) {
|
||||
return circle.serviceObject.setMap(null);
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.show_circles = function() {
|
||||
var circle, _i, _len, _ref, _results;
|
||||
_ref = this.circles;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
circle = _ref[_i];
|
||||
_results.push(this.show_circle(this.circle));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.show_circle = function(circle) {
|
||||
return circle.serviceObject.setMap(this.serviceObject);
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_polygons = function() {
|
||||
var polygon, _i, _len, _ref, _results;
|
||||
_ref = this.polygons;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
polygon = _ref[_i];
|
||||
_results.push(this.create_polygon(polygon));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_polygon = function(polygon) {
|
||||
var clickable, fillColor, fillOpacity, latlng, new_poly, point, polygon_coordinates, strokeColor, strokeOpacity, strokeWeight, _i, _len;
|
||||
polygon_coordinates = [];
|
||||
for (_i = 0, _len = polygon.length; _i < _len; _i++) {
|
||||
point = polygon[_i];
|
||||
latlng = this.createLatLng(point.lat, point.lng);
|
||||
polygon_coordinates.push(latlng);
|
||||
if (point === polygon[0]) {
|
||||
strokeColor = point.strokeColor || this.polygons_conf.strokeColor;
|
||||
strokeOpacity = point.strokeOpacity || this.polygons_conf.strokeOpacity;
|
||||
strokeWeight = point.strokeWeight || this.polygons_conf.strokeWeight;
|
||||
fillColor = point.fillColor || this.polygons_conf.fillColor;
|
||||
fillOpacity = point.fillOpacity || this.polygons_conf.fillOpacity;
|
||||
clickable = point.clickable || this.polygons_conf.clickable;
|
||||
}
|
||||
}
|
||||
new_poly = new google.maps.Polygon({
|
||||
paths: polygon_coordinates,
|
||||
strokeColor: strokeColor,
|
||||
strokeOpacity: strokeOpacity,
|
||||
strokeWeight: strokeWeight,
|
||||
fillColor: fillColor,
|
||||
fillOpacity: fillOpacity,
|
||||
clickable: clickable,
|
||||
map: this.serviceObject
|
||||
});
|
||||
return polygon.serviceObject = new_poly;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_markers = function() {
|
||||
this.createServiceMarkersFromMarkers();
|
||||
return this.clusterize();
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.createServiceMarkersFromMarkers = function() {
|
||||
var Lat, LatLng, Lng, index, marker, _len, _ref;
|
||||
_ref = this.markers;
|
||||
for (index = 0, _len = _ref.length; index < _len; index++) {
|
||||
marker = _ref[index];
|
||||
if (!(this.markers[index].serviceObject != null)) {
|
||||
Lat = this.markers[index].lat;
|
||||
Lng = this.markers[index].lng;
|
||||
if (this.markers_conf.randomize) {
|
||||
LatLng = this.randomize(Lat, Lng);
|
||||
Lat = LatLng[0];
|
||||
Lng = LatLng[1];
|
||||
}
|
||||
this.markers[index].serviceObject = this.createMarker({
|
||||
"marker_picture": this.markers[index].picture ? this.markers[index].picture : this.markers_conf.picture,
|
||||
"marker_width": this.markers[index].width ? this.markers[index].width : this.markers_conf.width,
|
||||
"marker_height": this.markers[index].height ? this.markers[index].height : this.markers_conf.length,
|
||||
"marker_title": this.markers[index].title ? this.markers[index].title : null,
|
||||
"marker_anchor": this.markers[index].marker_anchor ? this.markers[index].marker_anchor : null,
|
||||
"shadow_anchor": this.markers[index].shadow_anchor ? this.markers[index].shadow_anchor : null,
|
||||
"shadow_picture": this.markers[index].shadow_picture ? this.markers[index].shadow_picture : null,
|
||||
"shadow_width": this.markers[index].shadow_width ? this.markers[index].shadow_width : null,
|
||||
"shadow_height": this.markers[index].shadow_height ? this.markers[index].shadow_height : null,
|
||||
"marker_draggable": this.markers[index].draggable ? this.markers[index].draggable : this.markers_conf.draggable,
|
||||
"rich_marker": this.markers[index].rich_marker ? this.markers[index].rich_marker : null,
|
||||
"zindex": this.markers[index].zindex ? this.markers[index].zindex : null,
|
||||
"Lat": Lat,
|
||||
"Lng": Lng,
|
||||
"index": index
|
||||
});
|
||||
this.createInfoWindow(this.markers[index]);
|
||||
this.createSidebar(this.markers[index]);
|
||||
}
|
||||
}
|
||||
return this.markers_conf.offset = this.markers.length;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.createImageAnchorPosition = function(anchorLocation) {
|
||||
if (anchorLocation === null) {
|
||||
return null;
|
||||
} else {
|
||||
return this.createPoint(anchorLocation[0], anchorLocation[1]);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.replaceMarkers = function(new_markers) {
|
||||
this.clearMarkers();
|
||||
this.markers = new Array;
|
||||
this.boundsObject = this.createLatLngBounds();
|
||||
this.resetSidebarContent();
|
||||
this.markers_conf.offset = 0;
|
||||
return this.addMarkers(new_markers);
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.addMarkers = function(new_markers) {
|
||||
this.markers = this.markers.concat(new_markers);
|
||||
this.create_markers();
|
||||
return this.adjustMapToBounds();
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.createSidebar = function(marker_container) {
|
||||
var aSel, currentMap, html, li, ul;
|
||||
if (this.markers_conf.list_container) {
|
||||
ul = document.getElementById(this.markers_conf.list_container);
|
||||
li = document.createElement('li');
|
||||
aSel = document.createElement('a');
|
||||
aSel.href = 'javascript:void(0);';
|
||||
html = marker_container.sidebar != null ? marker_container.sidebar : "Marker";
|
||||
aSel.innerHTML = html;
|
||||
currentMap = this;
|
||||
aSel.onclick = this.sidebar_element_handler(currentMap, marker_container.serviceObject, 'click');
|
||||
li.appendChild(aSel);
|
||||
return ul.appendChild(li);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.sidebar_element_handler = function(currentMap, marker, eventType) {
|
||||
return function() {
|
||||
currentMap.map.panTo(marker.position);
|
||||
return google.maps.event.trigger(marker, eventType);
|
||||
};
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.resetSidebarContent = function() {
|
||||
var ul;
|
||||
if (this.markers_conf.list_container !== null) {
|
||||
ul = document.getElementById(this.markers_conf.list_container);
|
||||
return ul.innerHTML = "";
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.adjustMapToBounds = function() {
|
||||
if (this.map_options.auto_adjust || this.map_options.bounds !== null) {
|
||||
this.boundsObject = this.createLatLngBounds();
|
||||
if (this.map_options.auto_adjust) {
|
||||
this.extendBoundsWithMarkers();
|
||||
this.updateBoundsWithPolylines();
|
||||
this.updateBoundsWithPolygons();
|
||||
this.updateBoundsWithCircles();
|
||||
}
|
||||
this.extendMapBounds();
|
||||
return this.adaptMapToBounds();
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.replacePolylines = function(new_polylines) {
|
||||
this.destroy_polylines();
|
||||
this.polylines = new_polylines;
|
||||
this.create_polylines();
|
||||
return this.adjustMapToBounds();
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.destroy_polylines = function() {
|
||||
var polyline, _i, _len, _ref;
|
||||
_ref = this.polylines;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
polyline = _ref[_i];
|
||||
polyline.serviceObject.setMap(null);
|
||||
}
|
||||
return this.polylines = [];
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.create_polylines = function() {
|
||||
var polyline, _i, _len, _ref, _results;
|
||||
_ref = this.polylines;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
polyline = _ref[_i];
|
||||
_results.push(this.create_polyline(polyline));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.exists = function(var_name) {
|
||||
return var_name !== "" && typeof var_name !== "undefined";
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.randomize = function(Lat0, Lng0) {
|
||||
var Lat, Lng, dx, dy;
|
||||
dx = this.markers_conf.max_random_distance * this.random();
|
||||
dy = this.markers_conf.max_random_distance * this.random();
|
||||
Lat = parseFloat(Lat0) + (180 / Math.PI) * (dy / 6378137);
|
||||
Lng = parseFloat(Lng0) + (90 / Math.PI) * (dx / 6378137) / Math.cos(Lat0);
|
||||
return [Lat, Lng];
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.mergeObjectWithDefault = function(object1, object2) {
|
||||
var copy_object1, key, value;
|
||||
copy_object1 = {};
|
||||
for (key in object1) {
|
||||
value = object1[key];
|
||||
copy_object1[key] = value;
|
||||
}
|
||||
for (key in object2) {
|
||||
value = object2[key];
|
||||
if (copy_object1[key] == null) copy_object1[key] = value;
|
||||
}
|
||||
return copy_object1;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.mergeWithDefault = function(objectName) {
|
||||
var default_object, object;
|
||||
default_object = this["default_" + objectName];
|
||||
object = this[objectName];
|
||||
this[objectName] = this.mergeObjectWithDefault(object, default_object);
|
||||
return true;
|
||||
};
|
||||
|
||||
Gmaps4Rails.prototype.random = function() {
|
||||
return Math.random() * 2 - 1;
|
||||
};
|
||||
|
||||
return Gmaps4Rails;
|
||||
|
||||
})();
|
||||
|
||||
}).call(this);
|
||||
226
public/javascripts/gmaps4rails/gmaps4rails.bing.js
Normal file
226
public/javascripts/gmaps4rails/gmaps4rails.bing.js
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
(function() {
|
||||
var __hasProp = Object.prototype.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
|
||||
|
||||
this.Gmaps4RailsBing = (function(_super) {
|
||||
|
||||
__extends(Gmaps4RailsBing, _super);
|
||||
|
||||
function Gmaps4RailsBing() {
|
||||
Gmaps4RailsBing.__super__.constructor.apply(this, arguments);
|
||||
this.map_options = {
|
||||
type: "road"
|
||||
};
|
||||
this.markers_conf = {
|
||||
infobox: "description"
|
||||
};
|
||||
this.mergeWithDefault("map_options");
|
||||
this.mergeWithDefault("markers_conf");
|
||||
}
|
||||
|
||||
Gmaps4RailsBing.prototype.getMapType = function() {
|
||||
switch (this.map_options.type) {
|
||||
case "road":
|
||||
return Microsoft.Maps.MapTypeId.road;
|
||||
case "aerial":
|
||||
return Microsoft.Maps.MapTypeId.aerial;
|
||||
case "auto":
|
||||
return Microsoft.Maps.MapTypeId.auto;
|
||||
case "birdseye":
|
||||
return Microsoft.Maps.MapTypeId.birdseye;
|
||||
case "collinsBart":
|
||||
return Microsoft.Maps.MapTypeId.collinsBart;
|
||||
case "mercator":
|
||||
return Microsoft.Maps.MapTypeId.mercator;
|
||||
case "ordnanceSurvey":
|
||||
return Microsoft.Maps.MapTypeId.ordnanceSurvey;
|
||||
default:
|
||||
return Microsoft.Maps.MapTypeId.auto;
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createPoint = function(lat, lng) {
|
||||
return new Microsoft.Maps.Point(lat, lng);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createLatLng = function(lat, lng) {
|
||||
return new Microsoft.Maps.Location(lat, lng);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createLatLngBounds = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.createMap = function() {
|
||||
return new Microsoft.Maps.Map(document.getElementById(this.map_options.id), {
|
||||
credentials: this.map_options.provider_key,
|
||||
mapTypeId: this.getMapType(),
|
||||
center: this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude),
|
||||
zoom: this.map_options.zoom
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createSize = function(width, height) {
|
||||
return new google.maps.Size(width, height);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createMarker = function(args) {
|
||||
var marker, markerLatLng;
|
||||
markerLatLng = this.createLatLng(args.Lat, args.Lng);
|
||||
marker;
|
||||
if (args.marker_picture === "") {
|
||||
marker = new Microsoft.Maps.Pushpin(this.createLatLng(args.Lat, args.Lng), {
|
||||
draggable: args.marker_draggable,
|
||||
anchor: this.createImageAnchorPosition(args.Lat, args.Lng),
|
||||
text: args.marker_title
|
||||
});
|
||||
} else {
|
||||
marker = new Microsoft.Maps.Pushpin(this.createLatLng(args.Lat, args.Lng), {
|
||||
draggable: args.marker_draggable,
|
||||
anchor: this.createImageAnchorPosition(args.Lat, args.Lng),
|
||||
icon: args.marker_picture,
|
||||
height: args.marker_height,
|
||||
text: args.marker_title,
|
||||
width: args.marker_width
|
||||
});
|
||||
}
|
||||
this.addToMap(marker);
|
||||
return marker;
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.clearMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.clearMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.clearMarker = function(marker) {
|
||||
return this.removeFromMap(marker.serviceObject);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.showMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.showMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.showMarker = function(marker) {
|
||||
return marker.serviceObject.setOptions({
|
||||
visible: true
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.hideMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.hideMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.hideMarker = function(marker) {
|
||||
return marker.serviceObject.setOptions({
|
||||
visible: false
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.extendBoundsWithMarkers = function() {
|
||||
var locationsArray, marker, _i, _len, _ref;
|
||||
locationsArray = [];
|
||||
_ref = this.markers;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
locationsArray.push(marker.serviceObject.getLocation());
|
||||
}
|
||||
return this.boundsObject = Microsoft.Maps.LocationRect.fromLocations(locationsArray);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.createClusterer = function(markers_array) {};
|
||||
|
||||
Gmaps4RailsBing.prototype.clearClusterer = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.clusterize = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.createInfoWindow = function(marker_container) {
|
||||
var currentMap;
|
||||
if (marker_container.description != null) {
|
||||
if (this.markers_conf.infobox === "description") {
|
||||
marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), {
|
||||
description: marker_container.description,
|
||||
visible: false,
|
||||
showCloseButton: true
|
||||
});
|
||||
} else {
|
||||
marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), {
|
||||
htmlContent: marker_container.description,
|
||||
visible: false
|
||||
});
|
||||
}
|
||||
currentMap = this;
|
||||
Microsoft.Maps.Events.addHandler(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, marker_container.info_window));
|
||||
return this.addToMap(marker_container.info_window);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.openInfoWindow = function(currentMap, infoWindow) {
|
||||
return function() {
|
||||
if (currentMap.visibleInfoWindow) {
|
||||
currentMap.visibleInfoWindow.setOptions({
|
||||
visible: false
|
||||
});
|
||||
}
|
||||
infoWindow.setOptions({
|
||||
visible: true
|
||||
});
|
||||
return currentMap.visibleInfoWindow = infoWindow;
|
||||
};
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.fitBounds = function() {
|
||||
return this.serviceObject.setView({
|
||||
bounds: this.boundsObject
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.addToMap = function(object) {
|
||||
return this.serviceObject.entities.push(object);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.removeFromMap = function(object) {
|
||||
return this.serviceObject.entities.remove(object);
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.centerMapOnUser = function() {
|
||||
return this.serviceObject.setView({
|
||||
center: this.userLocation
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsBing.prototype.updateBoundsWithPolylines = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.updateBoundsWithPolygons = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.updateBoundsWithCircles = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.extendMapBounds = function() {};
|
||||
|
||||
Gmaps4RailsBing.prototype.adaptMapToBounds = function() {
|
||||
return this.fitBounds();
|
||||
};
|
||||
|
||||
return Gmaps4RailsBing;
|
||||
|
||||
})(Gmaps4Rails);
|
||||
|
||||
}).call(this);
|
||||
430
public/javascripts/gmaps4rails/gmaps4rails.googlemaps.js
Normal file
430
public/javascripts/gmaps4rails/gmaps4rails.googlemaps.js
Normal file
|
|
@ -0,0 +1,430 @@
|
|||
(function() {
|
||||
var __hasProp = Object.prototype.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
|
||||
|
||||
this.Gmaps4RailsGoogle = (function(_super) {
|
||||
|
||||
__extends(Gmaps4RailsGoogle, _super);
|
||||
|
||||
function Gmaps4RailsGoogle() {
|
||||
Gmaps4RailsGoogle.__super__.constructor.apply(this, arguments);
|
||||
this.map_options = {
|
||||
disableDefaultUI: false,
|
||||
disableDoubleClickZoom: false,
|
||||
type: "ROADMAP"
|
||||
};
|
||||
this.markers_conf = {
|
||||
clusterer_gridSize: 50,
|
||||
clusterer_maxZoom: 5,
|
||||
custom_cluster_pictures: null,
|
||||
custom_infowindow_class: null
|
||||
};
|
||||
this.mergeWithDefault("map_options");
|
||||
this.mergeWithDefault("markers_conf");
|
||||
this.kml_options = {
|
||||
clickable: true,
|
||||
preserveViewport: false,
|
||||
suppressInfoWindows: false
|
||||
};
|
||||
this.polygons_conf = {
|
||||
strokeColor: "#FFAA00",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: "#000000",
|
||||
fillOpacity: 0.35,
|
||||
clickable: false
|
||||
};
|
||||
this.circles_conf = {
|
||||
fillColor: "#00AAFF",
|
||||
fillOpacity: 0.35,
|
||||
strokeColor: "#FFAA00",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
clickable: false,
|
||||
zIndex: null
|
||||
};
|
||||
this.direction_conf = {
|
||||
panel_id: null,
|
||||
display_panel: false,
|
||||
origin: null,
|
||||
destination: null,
|
||||
waypoints: [],
|
||||
optimizeWaypoints: false,
|
||||
unitSystem: "METRIC",
|
||||
avoidHighways: false,
|
||||
avoidTolls: false,
|
||||
region: null,
|
||||
travelMode: "DRIVING"
|
||||
};
|
||||
}
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createPoint = function(lat, lng) {
|
||||
return new google.maps.Point(lat, lng);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createLatLng = function(lat, lng) {
|
||||
return new google.maps.LatLng(lat, lng);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createLatLngBounds = function() {
|
||||
return new google.maps.LatLngBounds();
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createMap = function() {
|
||||
var defaultOptions, mergedOptions;
|
||||
defaultOptions = {
|
||||
maxZoom: this.map_options.maxZoom,
|
||||
minZoom: this.map_options.minZoom,
|
||||
zoom: this.map_options.zoom,
|
||||
center: this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude),
|
||||
mapTypeId: google.maps.MapTypeId[this.map_options.type],
|
||||
mapTypeControl: this.map_options.mapTypeControl,
|
||||
disableDefaultUI: this.map_options.disableDefaultUI,
|
||||
disableDoubleClickZoom: this.map_options.disableDoubleClickZoom,
|
||||
draggable: this.map_options.draggable
|
||||
};
|
||||
mergedOptions = this.mergeObjectWithDefault(this.map_options.raw, defaultOptions);
|
||||
return new google.maps.Map(document.getElementById(this.map_options.id), mergedOptions);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {
|
||||
return new google.maps.MarkerImage(markerPicture, markerSize, origin, anchor, scaledSize);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createSize = function(width, height) {
|
||||
return new google.maps.Size(width, height);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createMarker = function(args) {
|
||||
var defaultOptions, imageAnchorPosition, markerImage, markerLatLng, mergedOptions, shadowAnchorPosition, shadowImage;
|
||||
markerLatLng = this.createLatLng(args.Lat, args.Lng);
|
||||
if (args.marker_picture === "" && args.rich_marker === null) {
|
||||
defaultOptions = {
|
||||
position: markerLatLng,
|
||||
map: this.serviceObject,
|
||||
title: args.marker_title,
|
||||
draggable: args.marker_draggable,
|
||||
zIndex: args.zindex
|
||||
};
|
||||
mergedOptions = this.mergeObjectWithDefault(this.markers_conf.raw, defaultOptions);
|
||||
return new google.maps.Marker(mergedOptions);
|
||||
}
|
||||
if (args.rich_marker !== null) {
|
||||
return new RichMarker({
|
||||
position: markerLatLng,
|
||||
map: this.serviceObject,
|
||||
draggable: args.marker_draggable,
|
||||
content: args.rich_marker,
|
||||
flat: args.marker_anchor === null ? false : args.marker_anchor[1],
|
||||
anchor: args.marker_anchor === null ? 0 : args.marker_anchor[0],
|
||||
zIndex: args.zindex
|
||||
});
|
||||
}
|
||||
imageAnchorPosition = this.createImageAnchorPosition(args.marker_anchor);
|
||||
shadowAnchorPosition = this.createImageAnchorPosition(args.shadow_anchor);
|
||||
markerImage = this.createOrRetrieveImage(args.marker_picture, args.marker_width, args.marker_height, imageAnchorPosition);
|
||||
shadowImage = this.createOrRetrieveImage(args.shadow_picture, args.shadow_width, args.shadow_height, shadowAnchorPosition);
|
||||
defaultOptions = {
|
||||
position: markerLatLng,
|
||||
map: this.serviceObject,
|
||||
icon: markerImage,
|
||||
title: args.marker_title,
|
||||
draggable: args.marker_draggable,
|
||||
shadow: shadowImage,
|
||||
zIndex: args.zindex
|
||||
};
|
||||
mergedOptions = this.mergeObjectWithDefault(this.markers_conf.raw, defaultOptions);
|
||||
return new google.maps.Marker(mergedOptions);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.includeMarkerImage = function(arr, obj) {
|
||||
var index, object, _len;
|
||||
for (index = 0, _len = arr.length; index < _len; index++) {
|
||||
object = arr[index];
|
||||
if (object.url === obj) return index;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createOrRetrieveImage = function(currentMarkerPicture, markerWidth, markerHeight, imageAnchorPosition) {
|
||||
var markerImage, test_image_index;
|
||||
if (currentMarkerPicture === "" || currentMarkerPicture === null) {
|
||||
return null;
|
||||
}
|
||||
test_image_index = this.includeMarkerImage(this.markerImages, currentMarkerPicture);
|
||||
switch (test_image_index) {
|
||||
case false:
|
||||
markerImage = this.createMarkerImage(currentMarkerPicture, this.createSize(markerWidth, markerHeight), null, imageAnchorPosition, null);
|
||||
this.markerImages.push(markerImage);
|
||||
return markerImage;
|
||||
break;
|
||||
default:
|
||||
if (typeof test_image_index === 'number') {
|
||||
return this.markerImages[test_image_index];
|
||||
}
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.clearMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.clearMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.showMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.showMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.hideMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.hideMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.clearMarker = function(marker) {
|
||||
return marker.serviceObject.setMap(null);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.showMarker = function(marker) {
|
||||
return marker.serviceObject.setVisible(true);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.hideMarker = function(marker) {
|
||||
return marker.serviceObject.setVisible(false);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.extendBoundsWithMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.boundsObject.extend(marker.serviceObject.position));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createClusterer = function(markers_array) {
|
||||
return new MarkerClusterer(this.serviceObject, markers_array, {
|
||||
maxZoom: this.markers_conf.clusterer_maxZoom,
|
||||
gridSize: this.markers_conf.clusterer_gridSize,
|
||||
styles: this.customClusterer()
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.clearClusterer = function() {
|
||||
return this.markerClusterer.clearMarkers();
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.clusterize = function() {
|
||||
var marker, markers_array, _i, _len, _ref;
|
||||
if (this.markers_conf.do_clustering === true) {
|
||||
if (this.markerClusterer !== null) this.clearClusterer();
|
||||
markers_array = new Array;
|
||||
_ref = this.markers;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
markers_array.push(marker.serviceObject);
|
||||
}
|
||||
return this.markerClusterer = this.createClusterer(markers_array);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createInfoWindow = function(marker_container) {
|
||||
var boxText, currentMap;
|
||||
if (typeof this.jsTemplate === "function" || (marker_container.description != null)) {
|
||||
if (typeof this.jsTemplate === "function") {
|
||||
marker_container.description = this.jsTemplate(marker_container);
|
||||
}
|
||||
if (this.markers_conf.custom_infowindow_class !== null) {
|
||||
boxText = document.createElement("div");
|
||||
boxText.setAttribute("class", this.markers_conf.custom_infowindow_class);
|
||||
boxText.innerHTML = marker_container.description;
|
||||
marker_container.infowindow = new InfoBox(this.infobox(boxText));
|
||||
currentMap = this;
|
||||
return google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, marker_container.infowindow, marker_container.serviceObject));
|
||||
} else {
|
||||
marker_container.infowindow = new google.maps.InfoWindow({
|
||||
content: marker_container.description
|
||||
});
|
||||
currentMap = this;
|
||||
return google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, marker_container.infowindow, marker_container.serviceObject));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.openInfoWindow = function(currentMap, infoWindow, marker) {
|
||||
return function() {
|
||||
if (currentMap.visibleInfoWindow !== null) {
|
||||
currentMap.visibleInfoWindow.close();
|
||||
}
|
||||
infoWindow.open(currentMap.serviceObject, marker);
|
||||
return currentMap.visibleInfoWindow = infoWindow;
|
||||
};
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.createKmlLayer = function(kml) {
|
||||
var kml_options;
|
||||
kml_options = kml.options || {};
|
||||
kml_options = this.mergeObjectWithDefault(kml_options, this.kml_options);
|
||||
kml = new google.maps.KmlLayer(kml.url, kml_options);
|
||||
kml.setMap(this.serviceObject);
|
||||
return kml;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.create_polyline = function(polyline) {
|
||||
var clickable, decoded_array, element, latlng, new_poly, point, polyline_coordinates, strokeColor, strokeOpacity, strokeWeight, zIndex, _i, _j, _len, _len2;
|
||||
polyline_coordinates = [];
|
||||
for (_i = 0, _len = polyline.length; _i < _len; _i++) {
|
||||
element = polyline[_i];
|
||||
if (element.coded_array != null) {
|
||||
decoded_array = new google.maps.geometry.encoding.decodePath(element.coded_array);
|
||||
for (_j = 0, _len2 = decoded_array.length; _j < _len2; _j++) {
|
||||
point = decoded_array[_j];
|
||||
polyline_coordinates.push(point);
|
||||
}
|
||||
} else {
|
||||
if (element === polyline[0]) {
|
||||
strokeColor = element.strokeColor || this.polylines_conf.strokeColor;
|
||||
strokeOpacity = element.strokeOpacity || this.polylines_conf.strokeOpacity;
|
||||
strokeWeight = element.strokeWeight || this.polylines_conf.strokeWeight;
|
||||
clickable = element.clickable || this.polylines_conf.clickable;
|
||||
zIndex = element.zIndex || this.polylines_conf.zIndex;
|
||||
}
|
||||
if ((element.lat != null) && (element.lng != null)) {
|
||||
latlng = this.createLatLng(element.lat, element.lng);
|
||||
polyline_coordinates.push(latlng);
|
||||
}
|
||||
}
|
||||
}
|
||||
new_poly = new google.maps.Polyline({
|
||||
path: polyline_coordinates,
|
||||
strokeColor: strokeColor,
|
||||
strokeOpacity: strokeOpacity,
|
||||
strokeWeight: strokeWeight,
|
||||
clickable: clickable,
|
||||
zIndex: zIndex
|
||||
});
|
||||
polyline.serviceObject = new_poly;
|
||||
return new_poly.setMap(this.serviceObject);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.updateBoundsWithPolylines = function() {
|
||||
var point, polyline, polyline_points, _i, _len, _ref, _results;
|
||||
_ref = this.polylines;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
polyline = _ref[_i];
|
||||
polyline_points = polyline.serviceObject.latLngs.getArray()[0].getArray();
|
||||
_results.push((function() {
|
||||
var _j, _len2, _results2;
|
||||
_results2 = [];
|
||||
for (_j = 0, _len2 = polyline_points.length; _j < _len2; _j++) {
|
||||
point = polyline_points[_j];
|
||||
_results2.push(this.boundsObject.extend(point));
|
||||
}
|
||||
return _results2;
|
||||
}).call(this));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.create_kml = function() {
|
||||
var kml, _i, _len, _ref, _results;
|
||||
_ref = this.kml;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
kml = _ref[_i];
|
||||
_results.push(kml.serviceObject = this.createKmlLayer(kml));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.fitBounds = function() {
|
||||
if (!this.boundsObject.isEmpty()) {
|
||||
return this.serviceObject.fitBounds(this.boundsObject);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.centerMapOnUser = function() {
|
||||
return this.serviceObject.setCenter(this.userLocation);
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.updateBoundsWithPolygons = function() {
|
||||
var point, polygon, polygon_points, _i, _len, _ref, _results;
|
||||
_ref = this.polygons;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
polygon = _ref[_i];
|
||||
polygon_points = polygon.serviceObject.latLngs.getArray()[0].getArray();
|
||||
_results.push((function() {
|
||||
var _j, _len2, _results2;
|
||||
_results2 = [];
|
||||
for (_j = 0, _len2 = polygon_points.length; _j < _len2; _j++) {
|
||||
point = polygon_points[_j];
|
||||
_results2.push(this.boundsObject.extend(point));
|
||||
}
|
||||
return _results2;
|
||||
}).call(this));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.updateBoundsWithCircles = function() {
|
||||
var circle, _i, _len, _ref, _results;
|
||||
_ref = this.circles;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
circle = _ref[_i];
|
||||
this.boundsObject.extend(circle.serviceObject.getBounds().getNorthEast());
|
||||
_results.push(this.boundsObject.extend(circle.serviceObject.getBounds().getSouthWest()));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.extendMapBounds = function() {
|
||||
var bound, _i, _len, _ref, _results;
|
||||
_ref = this.map_options.bounds;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
bound = _ref[_i];
|
||||
_results.push(this.boundsObject.extend(this.createLatLng(bound.lat, bound.lng)));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsGoogle.prototype.adaptMapToBounds = function() {
|
||||
var map_center;
|
||||
if (!this.map_options.auto_zoom) {
|
||||
map_center = this.boundsObject.getCenter();
|
||||
this.map_options.center_latitude = map_center.lat();
|
||||
this.map_options.center_longitude = map_center.lng();
|
||||
return this.serviceObject.setCenter(map_center);
|
||||
} else {
|
||||
return this.fitBounds();
|
||||
}
|
||||
};
|
||||
|
||||
return Gmaps4RailsGoogle;
|
||||
|
||||
})(Gmaps4Rails);
|
||||
|
||||
}).call(this);
|
||||
178
public/javascripts/gmaps4rails/gmaps4rails.mapquest.js
Normal file
178
public/javascripts/gmaps4rails/gmaps4rails.mapquest.js
Normal file
|
|
@ -0,0 +1,178 @@
|
|||
(function() {
|
||||
var __hasProp = Object.prototype.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
|
||||
|
||||
this.Gmaps4RailsMapquest = (function(_super) {
|
||||
|
||||
__extends(Gmaps4RailsMapquest, _super);
|
||||
|
||||
function Gmaps4RailsMapquest() {
|
||||
Gmaps4RailsMapquest.__super__.constructor.apply(this, arguments);
|
||||
this.map_options = {
|
||||
type: "map"
|
||||
};
|
||||
this.markers_conf = {};
|
||||
this.mergeWithDefault("markers_conf");
|
||||
this.mergeWithDefault("map_options");
|
||||
}
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createPoint = function(lat, lng) {
|
||||
return new MQA.Poi({
|
||||
lat: lat,
|
||||
lng: lng
|
||||
});
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createLatLng = function(lat, lng) {
|
||||
return {
|
||||
lat: lat,
|
||||
lng: lng
|
||||
};
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createLatLngBounds = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createMap = function() {
|
||||
var map;
|
||||
map = new MQA.TileMap(document.getElementById(this.map_options.id), this.map_options.zoom, {
|
||||
lat: this.map_options.center_latitude,
|
||||
lng: this.map_options.center_longitude
|
||||
}, this.map_options.type);
|
||||
MQA.withModule('zoomcontrol3', (function() {
|
||||
return map.addControl(new MQA.LargeZoomControl3(), new MQA.MapCornerPlacement(MQA.MapCorner.TOP_LEFT));
|
||||
}));
|
||||
return map;
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createMarker = function(args) {
|
||||
var icon, marker;
|
||||
marker = new MQA.Poi({
|
||||
lat: args.Lat,
|
||||
lng: args.Lng
|
||||
});
|
||||
if (args.marker_picture !== "") {
|
||||
icon = new MQA.Icon(args.marker_picture, args.marker_height, args.marker_width);
|
||||
marker.setIcon(icon);
|
||||
if (args.marker_anchor !== null) {
|
||||
marker.setBias({
|
||||
x: args.marker_anchor[0],
|
||||
y: args.marker_anchor[1]
|
||||
});
|
||||
}
|
||||
}
|
||||
if (args.shadow_picture !== "") {
|
||||
icon = new MQA.Icon(args.shadow_picture, args.shadow_height, args.shadow_width);
|
||||
marker.setShadow(icon);
|
||||
if (args.shadow_anchor !== null) {
|
||||
marker.setShadowOffset({
|
||||
x: args.shadow_anchor[0],
|
||||
y: args.shadow_anchor[1]
|
||||
});
|
||||
}
|
||||
}
|
||||
this.addToMap(marker);
|
||||
return marker;
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.clearMarkers = function() {
|
||||
var marker, _i, _len, _results;
|
||||
_results = [];
|
||||
for (_i = 0, _len = markers.length; _i < _len; _i++) {
|
||||
marker = markers[_i];
|
||||
_results.push(this.clearMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.showMarkers = function() {
|
||||
var marker, _i, _len, _results;
|
||||
_results = [];
|
||||
for (_i = 0, _len = markers.length; _i < _len; _i++) {
|
||||
marker = markers[_i];
|
||||
_results.push(this.showMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.hideMarkers = function() {
|
||||
var marker, _i, _len, _results;
|
||||
_results = [];
|
||||
for (_i = 0, _len = markers.length; _i < _len; _i++) {
|
||||
marker = markers[_i];
|
||||
_results.push(this.hideMarker(marker));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.clearMarker = function(marker) {
|
||||
return this.removeFromMap(marker.serviceObject);
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.showMarker = function(marker) {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.hideMarker = function(marker) {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.extendBoundsWithMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
if (this.markers.length >= 2) {
|
||||
this.boundsObject = new MQA.RectLL(this.markers[0].serviceObject.latLng, this.markers[1].serviceObject.latLng);
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.boundsObject.extend(marker.serviceObject.latLng));
|
||||
}
|
||||
return _results;
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createClusterer = function(markers_array) {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.clearClusterer = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.clusterize = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.createInfoWindow = function(marker_container) {
|
||||
return marker_container.serviceObject.setInfoTitleHTML(marker_container.description);
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.fitBounds = function() {
|
||||
if (this.markers.length >= 2) {
|
||||
this.serviceObject.zoomToRect(this.boundsObject);
|
||||
}
|
||||
if (this.markers.length === 1) {
|
||||
return this.serviceObject.setCenter(this.markers[0].serviceObject.latLng);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.centerMapOnUser = function() {
|
||||
return this.serviceObject.setCenter(this.userLocation);
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.addToMap = function(object) {
|
||||
return this.serviceObject.addShape(object);
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.removeFromMap = function(object) {
|
||||
return this.serviceObject.removeShape(object);
|
||||
};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.updateBoundsWithPolylines = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.updateBoundsWithPolygons = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.updateBoundsWithCircles = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.extendMapBounds = function() {};
|
||||
|
||||
Gmaps4RailsMapquest.prototype.adaptMapToBounds = function() {
|
||||
return this.fitBounds();
|
||||
};
|
||||
|
||||
return Gmaps4RailsMapquest;
|
||||
|
||||
})(Gmaps4Rails);
|
||||
|
||||
}).call(this);
|
||||
265
public/javascripts/gmaps4rails/gmaps4rails.openlayers.js
Normal file
265
public/javascripts/gmaps4rails/gmaps4rails.openlayers.js
Normal file
|
|
@ -0,0 +1,265 @@
|
|||
(function() {
|
||||
var __hasProp = Object.prototype.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
|
||||
|
||||
this.Gmaps4RailsOpenlayers = (function(_super) {
|
||||
|
||||
__extends(Gmaps4RailsOpenlayers, _super);
|
||||
|
||||
function Gmaps4RailsOpenlayers() {
|
||||
Gmaps4RailsOpenlayers.__super__.constructor.apply(this, arguments);
|
||||
this.map_options = {};
|
||||
this.mergeWithDefault("map_options");
|
||||
this.markers_conf = {};
|
||||
this.mergeWithDefault("markers_conf");
|
||||
this.openMarkers = null;
|
||||
this.markersLayer = null;
|
||||
this.markersControl = null;
|
||||
this.polylinesLayer = null;
|
||||
}
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createPoint = function(lat, lng) {};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createLatLng = function(lat, lng) {
|
||||
return new OpenLayers.LonLat(lng, lat).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createAnchor = function(offset) {
|
||||
if (offset === null) return null;
|
||||
return new OpenLayers.Pixel(offset[0], offset[1]);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createSize = function(width, height) {
|
||||
return new OpenLayers.Size(width, height);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createLatLngBounds = function() {
|
||||
return new OpenLayers.Bounds();
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createMap = function() {
|
||||
var map;
|
||||
map = new OpenLayers.Map(this.map_options.id);
|
||||
map.addLayer(new OpenLayers.Layer.OSM());
|
||||
map.setCenter(this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude), this.map_options.zoom);
|
||||
return map;
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createMarker = function(args) {
|
||||
var marker, style_mark;
|
||||
style_mark = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
|
||||
style_mark.fillOpacity = 1;
|
||||
if (this.markersLayer === null) {
|
||||
this.markersLayer = new OpenLayers.Layer.Vector("Markers", null);
|
||||
this.serviceObject.addLayer(this.markersLayer);
|
||||
this.markersLayer.events.register("featureselected", this.markersLayer, this.onFeatureSelect);
|
||||
this.markersLayer.events.register("featureunselected", this.markersLayer, this.onFeatureUnselect);
|
||||
this.markersControl = new OpenLayers.Control.SelectFeature(this.markersLayer);
|
||||
this.serviceObject.addControl(this.markersControl);
|
||||
this.markersControl.activate();
|
||||
}
|
||||
if (args.marker_picture === "") {
|
||||
style_mark.graphicHeight = 30;
|
||||
style_mark.externalGraphic = "http://openlayers.org/dev/img/marker-blue.png";
|
||||
} else {
|
||||
style_mark.graphicWidth = args.marker_width;
|
||||
style_mark.graphicHeight = args.marker_height;
|
||||
style_mark.externalGraphic = args.marker_picture;
|
||||
if (args.marker_anchor !== null) {
|
||||
style_mark.graphicXOffset = args.marker_anchor[0];
|
||||
style_mark.graphicYOffset = args.marker_anchor[1];
|
||||
}
|
||||
if (args.shadow_picture !== "") {
|
||||
style_mark.backgroundGraphic = args.shadow_picture;
|
||||
style_mark.backgroundWidth = args.shadow_width;
|
||||
style_mark.backgroundHeight = args.shadow_height;
|
||||
if (args.shadow_anchor !== null) {
|
||||
style_mark.backgroundXOffset = args.shadow_anchor[0];
|
||||
style_mark.backgroundYOffset = args.shadow_anchor[1];
|
||||
}
|
||||
}
|
||||
}
|
||||
style_mark.graphicTitle = args.title;
|
||||
marker = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(args.Lng, args.Lat), null, style_mark);
|
||||
marker.geometry.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));
|
||||
this.markersLayer.addFeatures([marker]);
|
||||
return marker;
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.clearMarkers = function() {
|
||||
this.clearMarkersLayerIfExists();
|
||||
this.markersLayer = null;
|
||||
return this.boundsObject = new OpenLayers.Bounds();
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.clearMarkersLayerIfExists = function() {
|
||||
if (this.markersLayer !== null && this.serviceObject.getLayer(this.markersLayer.id) !== null) {
|
||||
return this.serviceObject.removeLayer(this.markersLayer);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.extendBoundsWithMarkers = function() {
|
||||
var marker, _i, _len, _ref, _results;
|
||||
console.log("here");
|
||||
_ref = this.markers;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
_results.push(this.boundsObject.extend(this.createLatLng(marker.lat, marker.lng)));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createClusterer = function(markers_array) {
|
||||
var clusters, funcs, options, strategy, style;
|
||||
options = {
|
||||
pointRadius: "${radius}",
|
||||
fillColor: "#ffcc66",
|
||||
fillOpacity: 0.8,
|
||||
strokeColor: "#cc6633",
|
||||
strokeWidth: "${width}",
|
||||
strokeOpacity: 0.8
|
||||
};
|
||||
funcs = {
|
||||
context: {
|
||||
width: function(feature) {
|
||||
var _ref;
|
||||
return (_ref = feature.cluster) != null ? _ref : {
|
||||
2: 1
|
||||
};
|
||||
},
|
||||
radius: function(feature) {
|
||||
var pix;
|
||||
pix = 2;
|
||||
if (feature.cluster) pix = Math.min(feature.attributes.count, 7) + 2;
|
||||
return pix;
|
||||
}
|
||||
}
|
||||
};
|
||||
style = new OpenLayers.Style(options, funcs);
|
||||
strategy = new OpenLayers.Strategy.Cluster();
|
||||
clusters = new OpenLayers.Layer.Vector("Clusters", {
|
||||
strategies: [strategy],
|
||||
styleMap: new OpenLayers.StyleMap({
|
||||
"default": style,
|
||||
"select": {
|
||||
fillColor: "#8aeeef",
|
||||
strokeColor: "#32a8a9"
|
||||
}
|
||||
})
|
||||
});
|
||||
this.clearMarkersLayerIfExists();
|
||||
this.serviceObject.addLayer(clusters);
|
||||
clusters.addFeatures(markers_array);
|
||||
return clusters;
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.clusterize = function() {
|
||||
var marker, markers_array, _i, _len, _ref;
|
||||
if (this.markers_conf.do_clustering === true) {
|
||||
if (this.markerClusterer !== null) this.clearClusterer();
|
||||
markers_array = new Array;
|
||||
_ref = this.markers;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
marker = _ref[_i];
|
||||
markers_array.push(marker.serviceObject);
|
||||
}
|
||||
return this.markerClusterer = this.createClusterer(markers_array);
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.clearClusterer = function() {
|
||||
return this.serviceObject.removeLayer(this.markerClusterer);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.createInfoWindow = function(marker_container) {
|
||||
if (marker_container.description != null) {
|
||||
return marker_container.serviceObject.infoWindow = marker_container.description;
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.onPopupClose = function(evt) {
|
||||
return this.markersControl.unselect(this.feature);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.onFeatureSelect = function(evt) {
|
||||
var feature, popup;
|
||||
feature = evt.feature;
|
||||
popup = new OpenLayers.Popup.FramedCloud("featurePopup", feature.geometry.getBounds().getCenterLonLat(), new OpenLayers.Size(300, 200), feature.infoWindow, null, true, this.onPopupClose);
|
||||
feature.popup = popup;
|
||||
popup.feature = feature;
|
||||
return this.map.addPopup(popup);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.onFeatureUnselect = function(evt) {
|
||||
var feature;
|
||||
feature = evt.feature;
|
||||
if (feature.popup) {
|
||||
this.map.removePopup(feature.popup);
|
||||
feature.popup.destroy();
|
||||
return feature.popup = null;
|
||||
}
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.create_polyline = function(polyline) {
|
||||
var clickable, element, latlng, line_points, line_style, polyline_coordinates, strokeColor, strokeOpacity, strokeWeight, zIndex, _i, _len;
|
||||
if (this.polylinesLayer === null) {
|
||||
this.polylinesLayer = new OpenLayers.Layer.Vector("Polylines", null);
|
||||
this.serviceObject.addLayer(this.polylinesLayer);
|
||||
this.polylinesLayer.events.register("featureselected", this.polylinesLayer, this.onFeatureSelect);
|
||||
this.polylinesLayer.events.register("featureunselected", this.polylinesLayer, this.onFeatureUnselect);
|
||||
this.polylinesControl = new OpenLayers.Control.DrawFeature(this.polylinesLayer, OpenLayers.Handler.Path);
|
||||
this.serviceObject.addControl(this.polylinesControl);
|
||||
}
|
||||
polyline_coordinates = [];
|
||||
for (_i = 0, _len = polyline.length; _i < _len; _i++) {
|
||||
element = polyline[_i];
|
||||
if (element === polyline[0]) {
|
||||
strokeColor = element.strokeColor || this.polylines_conf.strokeColor;
|
||||
strokeOpacity = element.strokeOpacity || this.polylines_conf.strokeOpacity;
|
||||
strokeWeight = element.strokeWeight || this.polylines_conf.strokeWeight;
|
||||
clickable = element.clickable || this.polylines_conf.clickable;
|
||||
zIndex = element.zIndex || this.polylines_conf.zIndex;
|
||||
}
|
||||
if ((element.lat != null) && (element.lng != null)) {
|
||||
latlng = new OpenLayers.Geometry.Point(element.lng, element.lat);
|
||||
polyline_coordinates.push(latlng);
|
||||
}
|
||||
}
|
||||
line_points = new OpenLayers.Geometry.LineString(polyline_coordinates);
|
||||
line_style = {
|
||||
strokeColor: strokeColor,
|
||||
strokeOpacity: strokeOpacity,
|
||||
strokeWidth: strokeWeight
|
||||
};
|
||||
polyline = new OpenLayers.Feature.Vector(line_points, null, line_style);
|
||||
polyline.geometry.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));
|
||||
this.polylinesLayer.addFeatures([polyline]);
|
||||
return polyline;
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.updateBoundsWithPolylines = function() {};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.updateBoundsWithPolygons = function() {};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.updateBoundsWithCircles = function() {};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.fitBounds = function() {
|
||||
return this.serviceObject.zoomToExtent(this.boundsObject, true);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.centerMapOnUser = function() {
|
||||
return this.serviceObject.setCenter(this.userLocation);
|
||||
};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.extendMapBounds = function() {};
|
||||
|
||||
Gmaps4RailsOpenlayers.prototype.adaptMapToBounds = function() {
|
||||
return this.fitBounds();
|
||||
};
|
||||
|
||||
return Gmaps4RailsOpenlayers;
|
||||
|
||||
})(Gmaps4Rails);
|
||||
|
||||
}).call(this);
|
||||
24
public/stylesheets/gmaps4rails.css
Normal file
24
public/stylesheets/gmaps4rails.css
Normal file
|
|
@ -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: 95%;
|
||||
}
|
||||
|
||||
.gmaps4rails_map {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.bing_map {
|
||||
position: absolute;
|
||||
top: 20;
|
||||
left: 10;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
border:#555555 2px solid;
|
||||
}
|
||||
|
|
@ -18,7 +18,7 @@ class SpacesControllerTest < ActionController::TestCase
|
|||
|
||||
test "should create space" do
|
||||
assert_difference('Space.count') do
|
||||
post :create, space: { address: @space.address, description: @space.description, email: @space.email, hours: @space.hours, name: @space.name, phone: @space.phone, type: @space.type, website: @space.website }
|
||||
post :create, space: { address: @space.address, city: @space.city, state: @space.state, description: @space.description, email: @space.email, hours: @space.hours, name: @space.name, phone: @space.phone, category: @space.category, website: @space.website }
|
||||
end
|
||||
|
||||
assert_redirected_to space_path(assigns(:space))
|
||||
|
|
@ -35,7 +35,7 @@ class SpacesControllerTest < ActionController::TestCase
|
|||
end
|
||||
|
||||
test "should update space" do
|
||||
patch :update, id: @space, space: { address: @space.address, description: @space.description, email: @space.email, hours: @space.hours, name: @space.name, phone: @space.phone, type: @space.type, website: @space.website }
|
||||
patch :update, id: @space, space: { address: @space.address, city: @space.city, state: @space.state, description: @space.description, email: @space.email, hours: @space.hours, name: @space.name, phone: @space.phone, category: @space.category, website: @space.website }
|
||||
assert_redirected_to space_path(assigns(:space))
|
||||
end
|
||||
|
||||
|
|
|
|||
8
test/fixtures/spaces.yml
vendored
8
test/fixtures/spaces.yml
vendored
|
|
@ -2,8 +2,10 @@
|
|||
|
||||
one:
|
||||
name: MyString
|
||||
type:
|
||||
category: MyString
|
||||
address: MyString
|
||||
city: MyString
|
||||
state: MyString
|
||||
hours: MyString
|
||||
phone: MyString
|
||||
email: MyString
|
||||
|
|
@ -12,8 +14,10 @@ one:
|
|||
|
||||
two:
|
||||
name: MyString
|
||||
type:
|
||||
category: MyString
|
||||
address: MyString
|
||||
city: MyString
|
||||
state: MyString
|
||||
hours: MyString
|
||||
phone: MyString
|
||||
email: MyString
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user