1

マーカーウィンドウの表示を緯度経度から住所に変更しようとしています。これを行う方法について Google API を理解するのに苦労しています。私は、Google API またはジオコーダー gem のどちらか適切な方を使用することにオープンです。どちらかをコードに含める方法がわかりません。

    var map;
  function initialize() {

    //initializing map view
    var myOptions = {
      zoom: 13,
      center: new google.maps.LatLng(42.32657009662249, -71.06678009033203),
      disableDefaultUI: true,
      panControl: true,
      zoomControl: true,

      scaleControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      panControl: true,
      panControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
      },
      zoomControl: true,
      zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.TOP_RIGHT
      }
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

    //BIKE STUFF
    var bikeLayer = new google.maps.BicyclingLayer();
    bikeLayer.setMap(map);

    <% @Reports.each do |x|%>
      addMarker(<%= x.latitude %>, <%=x.longitude%>);
    <% end %>
  }

  function addMarker(lat, long){
        var marker = new google.maps.Marker({
          position: new google.maps.LatLng(lat, long),
          map: map,
          title: 'REPORT'
        });
        //DROP PIN
        marker.setAnimation(google.maps.Animation.DROP);
        marker.setTitle('DROP');
        //DROP MARKER INFOWINDOW
        var latlng = new google.maps.LatLng(lat, long);
        google.maps.event.addListener(marker, 'click', function(){
          infowindow.open(map, this);
          marker = this
        });
        var infowindow = new google.maps.InfoWindow({
          content:"Lat: " + lat + ", Long: " + long
        });
        //CLOSING MARKER INFOWINDOW
        google.maps.event.addListener(infowindow,'closeclick',function(){
          infowindow.close(map, this); //removes the marker
        });
    }    
  console.log("message")
  google.maps.event.addDomListener(window, 'load', initialize);

代わりに、InfoWindow の内容を示す場所にアドレスを表示したいと思います。

4

1 に答える 1

0

既存のコードから始めて、マーカーのアドレスを表示する 1 つの方法は、それをデータベース (または緯度と経度を取得するためにクエリを実行するもの) に保存し、それを "addMarker" 呼び出しに渡すことです ( addMarker 関数を使用して、アドレスを含む 3 番目の引数を受け入れます。

未検証：

function addMarker(lat, long, address){
    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(lat, long),
      map: map,
      title: 'REPORT'
    });
    //DROP PIN
    marker.setAnimation(google.maps.Animation.DROP);
    marker.setTitle('DROP');
    //DROP MARKER INFOWINDOW
    var latlng = new google.maps.LatLng(lat, long);
    google.maps.event.addListener(marker, 'click', function(){
      infowindow.open(map, this);
      marker = this
    });
    var infowindow = new google.maps.InfoWindow({
      content:address
    });

住所をまだ保存していない場合は、Google のジオコーディング サービスをリバース ジオコーダーとして使用して、緯度/経度を住所に変換できます。

編集:ジオコーディング戦略について説明しているドキュメントからこの「記事」を見ることができます。ジオコーダー サービスとリバース ジオコーダー サービスは類似しており、同じクォータとレート制限が適用されます。

于 2012-07-09T03:06:38.823 に答える