我一直在嘗試4年以上,嘗試找出在我的Rails應用中使用谷歌地圖的方法。我目前正在嘗試Rails 5.谷歌地圖 - 設置它與Rails 5一起工作 - 地理編碼器不進行地理編碼
我最近發佈了這個求救信息。我收到的建議並沒有爲我工作,所以我現在再試一次,看看別人是否可能知道一些事情。 Rails 5, Gmaps4Rails - setup
我有模型的組織和地址。
的關聯是:
組織
has_many :addresses, as: :addressable
accepts_nested_attributes_for :addresses, reject_if: :all_blank, allow_destroy: true
地址
belongs_to :addressable, :polymorphic => true, optional: true
我不再試圖與gmaps4rails寶石摸不着頭腦。我從我的寶石文件中刪除了它。儘管如此,我仍然擁有geocoder gem。
在我的地址控制器,我有
def index
@addresses = Address.all
end
def show
end
在我的組織控制,我有
def index
@organisations = Organisation.all
authorize @organisations
end
def show
@addresses = @organisation.addresses.all
end
在我的組織觀,我有
<%= render 'contacts/addresses/map' %>
在我的地址視圖,我有
<%= javascript_tag do %>
var addresses = <%= raw @addresses.to_json %>;
<% end %>
<script src="https://maps.googleapis.com/maps/api/js?key=<%= ENV["GOOGLE_MAPS_API_KEY"] %>&callback=initMap"
async defer></script>
在我address.js,我有
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4
});
var bounds = new google.maps.LatLngBounds();
var n = addresses.length;
for (var i = 0; i < n; i++) {
var address = new google.maps.Marker({
position: {lat: parseFloat(addresses[i].latitude), lng: parseFloat(addresses[i].longitude)},
title: addresses[i].name,
map: map
});
bounds.extend(address.position);
}
map.fitBounds(bounds);
}
雖然變焦設置似乎沒有工作,這實際上將呈現一個地圖提供的,我設置從控制檯的緯度和經度領域。
如果我沒有在控制檯中手動設置這些領域,我得到一個錯誤,指出:
js?key=.....&callback=initMap:42 Uncaught RangeError: Maximum call stack size exceeded
這個帖子Uncaught RangeError: Maximum call stack size exceeded Google maps when I try to set bounds表明,問題是由緯度/經度座標引起不被傳遞到JS。這解釋了我的問題,因爲我的控制檯顯示這些屬性保存爲零。
在我的地址模型我有:
class Address < ApplicationRecord
geocoded_by :full_address # can also be an IP address
# --------------- associations
belongs_to :addressable, :polymorphic => true, optional: true
# --------------- scopes
# --------------- validations
# --------------- class methods
def unit_line
if self.unit.present?
['Unit', unit.titlecase].join(' ')
end
end
def first_line
[street_number, street.titlecase].join(' ')
end
def middle_line
if self.building.present?
['Building', building.titlecase].join(' ')
end
end
def last_line
[city.titlecase, region.upcase, zip].join(' ')
end
# def country_name
# # self.country = ISO3166::Country[country]
# # country.translations[I18n.locale.to_s] || country.name
# # iso_country = ISO3166::Country.find_by_name(country) # `country` should be name like 'Australia'
# # iso_country.translations[I18n.locale.to_s] || iso_country.name
# end
# def country_name
# self.country = ISO3166::Country[country]
# country.translations[I18n.locale.to_s] || country.name
# end
def country_name
country = self.country
ISO3166::Country[country]
end
def full_address
[self.unit_line, first_line, middle_line, last_line, country_name].compact.join("<br>").html_safe
end
# --------------- callbacks
after_create :geocode#, if self.full_address.changed?
我也曾嘗試:
after_validation :geocode
# --------------- instance methods
# --------------- private methods
end
我的地址表中有緯度和經度小數屬性。我正在使用Geocoder gem,並希望地址在創建後進行地理編碼。
我有一個初始化器與geocoder.rb:
Geocoder.configure(
# Geocoding options
:timeout => 3, # geocoding service timeout (secs)
:lookup => :google, # name of geocoding service (symbol)
:language => :en, # ISO-639 language code
:use_https => true, # use HTTPS for lookup requests? (if supported)
# :http_proxy => nil, # HTTP proxy server (user:[email protected]:port)
# :https_proxy => nil, # HTTPS proxy server (user:[email protected]:port)
:api_key => nil, # API key for geocoding service
# :cache => nil, # cache object (must respond to #[], #[]=, and #keys)
# :cache_prefix => "geocoder:", # prefix (string) to use for all cache keys
# exceptions that should not be rescued by default
# (if you want to implement custom error handling);
# supports SocketError and TimeoutError
# :always_raise => [],
# calculation options
:units => :km, # :km for kilometers or :mi for miles
# :distances => :linear # :spherical or :linear
)
有人能看到什麼,我需要做的就是這個工作?
儘管在我的address.rb請求地理編碼之後進行了驗證,但我的lat/lng屬性未用座標更新。
控制檯輸出
a = Address.first
Address Load (30.2ms) SELECT "addresses".* FROM "addresses" ORDER BY "addresses"."id" ASC LIMIT $1 [["LIMIT", 1]]
=> #<Address id: 8, unit: "16", building: "asdf", street_number: "15", street: "Johnston Street", city: "Balmain East", region: "NSW", zip: "2041", country: "AU", time_zone: "Midway Island", addressable_id: 1, addressable_type: "Organisation", description: "registered_office", created_at: "2016-11-10 00:16:50", updated_at: "2016-11-10 00:16:50", latitude: nil, longitude: nil>
埃裏克的建議
我試圖採取埃裏克的建議,觸發地理編碼,但它不更新的緯度/經度座標。
Address.where(latitude: nil).or(Address.where(longitude: nil)).each{|marker| marker.save}
Address Load (16.3ms) SELECT "addresses".* FROM "addresses" WHERE ("addresses"."latitude" IS NULL OR "addresses"."longitude" IS NULL)
(2.0ms) BEGIN
(0.8ms) COMMIT
=> [#<Address id: 8, unit: "1", building: "asdf", street_number: "10", street: "Darling Street", city: "Balmain", region: "NSW", zip: "2041", country: "AU", time_zone: "Midway Island", addressable_id: 1, addressable_type: "Organisation", description: "registered_office", created_at: "2016-11-10 00:16:50", updated_at: "2016-11-10 00:16:50", latitude: nil, longitude: nil>]
在控制檯中,是什麼'Address.first.latitude'返回? –
無..................... – Mel
這就是你的問題。忘記控制器,視圖和JavaScript。你的問題是在模型 –