Как подключить Google Maps к моим таблицам или ресурсам

Question

Я хотел знать, возможно ли это вообще.Я пытаюсь выяснить, как подключить ресурс к API Карт Google.Я пытаюсь сделать что-то вроде Yelp.Вот что я имею в виду:

1. Пользователи добавляют Собаки (имя) и вес (число)
2. Пользователи вводят местоположение (или рядом), чтобы получать результаты, как при использовании поиска Google.
3. Пользователи проверяют адрес, а затем могут щелкнуть «Готово», добавив, где находится собака, имя и вес, и моя заявка проверит все проверки или наличие 3 необходимых частей.

Так может кто-нибудь помочь новичку RoR?Советы, хитрости, другие способы сделать это и руководства были бы отличными.Я посмотрел на Google API, но не знал точно, с чего начать.если вам нужно больше информации, дайте мне знать!

Спасибо!

PS Вот первый способ, который я задумал, как это сделать:

Пользователи добавляют имя собаки ивес ------> затем Пользователи находят местоположение с помощью панели поиска Ajax на моей странице -----> нажмите, чтобы подтвердить, что это правильное местоположение, и он размещает маркер ----> Пользователи нажимают «Готово» и сохраняетМаркер на месте вместе с запоминанием Маркер для конкретной собаки / веса.

Answer 1

Вы можете передавать переменные rails в javascript, что позволяет довольно легко создавать маркеры для добавления на карту Google.Это можно сделать с помощью встроенного рубина, например var lat = <% = dog.lat%>;.

. Вот некоторый код для начала работы:

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
  var map;
  var markersArray = [];

function initialize() {
  var start = new google.maps.LatLng(0, -73.15);
  var mapOptions = {
    zoom: 1,
    center: start,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };
  map = new google.maps.Map(document.getElementById("map_canvas"),
    mapOptions);
  markerFromDB();
}

function markerFromDB() {
<% dogs.each do |pin| %>
    var lat = <%= pin.lat %>;
    var lon = <%= pin.lon %>;
    addMarker(lat, lon, gbid);
<%end%>
}

function addMarker(lat, lon) {
  var marker = new google.maps.Marker({
  map: map,
      position: new google.maps.LatLng(lat, lon)
  });
  markersArray.push(marker);
}

// Initialize map on window loading
google.maps.event.addDomListener(window, 'load', initialize);

</script>

Помните, что GoogleКарты - это своего рода «изображение», и каждый раз, когда вы изменяете базу данных и страница перезагружается, ваша карта будет перерисовываться в соответствии с вашей базой данных.

Answer 2

Вы проверили проект Google-Maps-For-Rails?Не уверен, что он делает именно то, что вам нужно, но похоже, что это место, чтобы посмотреть в первую очередь.https://github.com/apneadiving/Google-Maps-for-Rails

Кроме того, вы можете сделать хуже, чем начать, посмотрев http://www.youtube.com/watch?v=OvpcnRzkzuE. Начиная с 6:35 в ролике, ведущий начинает показывать, как написать приложение, которое позволит людям создаватьи ранжировать кафе на Google Map.Это звучит совсем не так, как вы пытаетесь достичь.В разговоре нет контента на Ruby on Rails, но если вы пытаетесь понять, с чего начать с Google Maps API, это должно быть полезно.