Хобрук: Ваш путь к мастерству в программировании

Как добавить радиус к маркеру в Google-Maps-for-Rails?

я использую драгоценный камень Google-Maps-for-Rails, и теперь я пытаюсь отобразить круги.

Моя Модель "Место" состоит из:

  • долгота
  • широта
  • радиус
  • и т.д

У меня нет проблем с отображением маркеров:

# Controller: @markers = Place.all.to_gmaps4rails
gmaps("markers" => {"data" => @markers})

К сожалению, это не включает :radius => .. Я также знаю, что круги могут отображаться следующим образом:

gmaps(
"circles" => { "data" => '[
                         {"longitude": -122.214897, "latitude": 37.772323, "radius":1000000}
                         ]',
})

Есть ли способ включить атрибут радиуса в хэш маркеров? Нравиться:

gmaps("circles"     => { "data" => @markers })

Вероятно, что-то вроде:

Place.all.each |place| place.merge!(:radius => 1000) ...

сойдет, но я думаю, что может быть более красивое решение

ruby-on-rails google-maps-api-3 ruby-on-rails-3 gmaps4rails
19.04.2011

Ответы:


1

Логика маркеров и кругов действительно отличается.

В вашем контроллере

@markers = Place.all.to_gmaps4rails
@circles = Place.all.map{|p| {:longitude => p.longitude, :latitude => p.latitude, :radius => p.radius}}.to_json

На ваш взгляд:

<%= gmaps({ "markers" => {"data" => @markers},
           "circles" => {"data" => @circles}
          }) %>

Или, если вам не нужны infowindow или другие функции, вы можете просто сделать:

В вашем контроллере

@circles = Place.all.map{|p| {:longitude => p.longitude, :latitude => p.latitude, :radius => p.radius}}.to_json

На ваш взгляд:

<%= gmaps({ "markers" => {"data" => @circles},
           "circles" => {"data" => @circles}
          }) %>
19.04.2011
  • ответ улучшен с помощью лучшего запроса 20.04.2011
    • Новые материалы
    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..