我有地图的地图显示,用于交付。每个地址都在特定的送货路线上,因此根据送货路线将点显示为不同的颜色非常方便。
可能会显示几百个送货地址,但通常只有少数送货路线。阅读文档,这是可能的by using different images,但由于我不控制路由的数量,我宁愿能够动态设置现有默认图标的颜色更改。到目前为止,我的控制器中有以下内容:
@json = @company.addresses.where(:route_id => @premise.routes).to_gmaps4rails do |address, marker|
marker.title "#{address.route.name}"
# address route can be differentiated with address.route.id
end
目标是使具有特定路由ID的所有地址具有相同的颜色。
答案 0 :(得分:0)
您可以使用RMagic http://www.imagemagick.org/RMagick/doc/为每条路线动态创建新的标记图像,并使用route.id作为索引的地图来缓存它们。
答案 1 :(得分:0)
我的答案相当漫长,但似乎工作正常。我从我发现的blog post中获取了一些代码,这些代码可以生成可能不同且可读的颜色。
我根据路线名的第一个字母为每个市场分配一个不同的字母。然后分配颜色,该颜色对于每个路线是唯一且一致的。这意味着即使两条路线的第一个字母相同,也很有可能它们会有不同的颜色。
毫无疑问,还有很多重构要做!
def index
@premise = @company.premises.find(params[:premise]) if params[:premise]
#only generate the map info if a premise has been selected
if @premise.present?
@json = @company.addresses.approved.where(:route_id => @premise.routes).to_gmaps4rails do |address, marker|
marker.picture({
:picture => "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=#{address.route.name[0]}|#{random_colour_by_index(address.route.name)}|000000"
})
marker.title "#{address.route.name}"
end
end
end
private
def random_colour_by_index(index)
@colour ||= Hash.new
@colour[index] ||= array_rgb_to_hex(hsv_to_rgb(rand, 0.5, 0.95))
end
def array_rgb_to_hex(rgb)
rgb.inject("") { |hex, element| hex + single_rgb_to_hex(element) }
end
def single_rgb_to_hex(rgb)
hex = rgb.to_s(16)
rgb < 16 ? "0#{hex}" : hex
end
def hsv_to_rgb(h, s, v)
h_i = (h*6).to_i
f = h*6 - h_i
p = v * (1 - s)
q = v * (1 - f*s)
t = v * (1 - (1 - f) * s)
r, g, b = v, t, p if h_i==0
r, g, b = q, v, p if h_i==1
r, g, b = p, v, t if h_i==2
r, g, b = p, q, v if h_i==3
r, g, b = t, p, v if h_i==4
r, g, b = v, p, q if h_i==5
[(r*256).to_i, (g*256).to_i, (b*256).to_i]
end