请求google地址api的详细信息

时间:2013-03-15 20:20:26

标签: javascript google-places-api

我一直在阅读,但仍然有点泥泞。我正在尝试构建一个应用程序,在Google地方获取商家信息,并显示“详细信息”,如地址,评论,图像,位置,说明。

我不想执行搜索,因为我已经知道商家名称和位置(用户不会搜索,但会查看导航到的页面)

我一直在关注此事:https://developers.google.com/maps/documentation/javascript/places#place_details_requests

并在此处使用代码表单: Google Places API - Places detail request undefined

function initialize() {
    var pyrmont = new google.maps.LatLng(50.458447,-3.509552);

    map = new google.maps.Map(document.getElementById('map_canvas'), {
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: pyrmont,
      zoom: 15
    });

    var request = {
      location: pyrmont,
      radius: 5000,
      types: ['bar']
    };
    infowindow = new google.maps.InfoWindow();
    service = new google.maps.places.PlacesService(map);
    service.search(request, callback);
  }

  function callback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }
    }
  }

  function createMarker(place) {
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
      map: map,
      position: place.geometry.location
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.setContent(place.name + "<br />" + place.formatted_address +"<br />" + place.website + "<br />" + place.rating + "<br />" + place.formatted_phone_number);
      infowindow.open(map, this);
    });
  }

HTML:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
        
</head>
<body>
    <div id="content">

        <div id="map_canvas">
            map
        </div>

    </div>
</body>

执行get请求的最简单方法是什么,并将其打印在特定商家信息的html中?

1 个答案:

答案 0 :(得分:1)

我无法帮助您使用javascript代码。但我可以告诉你,你需要两次查看你的业务。在Places API中获取唯一的PlaceID,然后在Details API中第二次(使用PlaceID)。存储PlaceID,以便您永远不需要再次执行第一次查找。评论和时间可能会随着时间而变化。