Ruby - 带徽标的自定义标记(Google Maps)

时间:2017-04-20 04:43:34

标签: html css ruby-on-rails google-maps google-maps-markers

嗨,对于可以提供帮助的人。

目前,我正在谷歌地图上工作,这将有多个标记,但每个标记都是唯一的,并且有一个公司徽标。标记的背景将始终相同。

下面是标记应该如何看的快速模型 Below is a quick mock-up on how the markers should look

基础:

  1. 相同背景
  2. 每家公司的独特徽标(注意将有很多公司)
  3. 公司徽标加载方形,并落在蓝色标记后面(所以不要介意隐藏徽标的某些部分)
  4. Ruby代码

    在map.html.erb中显示地图标记

     var location = new google.maps.LatLng(data[i]['latitude'], data[i]['longitude'])
     bounds.extend(location);
    
    marker = new google.maps.Marker({
    position: location,
    map: map,
    icon:data[i]['image'],
    url:data[i]['link']
      });
    

    调用数据的Controller.rb

      def search
        @collection =  @tours.map do |t|
            {"name"=>t.host.company_name,"latitude"=>t.host.latitude,"longitude"=>t.host.longitude,"image"=>t.host.company_logo.url(:thumb),"link"=>host_show_path(t.host.id)}.to_json if t.host.latitude.present? && t.host.longitude.present?
        end
    

    地图正在运行,已拉出显示的公司(主持人)徽标。

    现在只是为了获得通用背景。

    希望有人可以提供帮助,但不确定以何种方式执行此操作。

    由于

0 个答案:

没有答案