我需要您关于google place api的帮助,我在这里获得示例代码:https://developers.google.com/maps/documentation/javascript/examples/place-search-pagination
其中只显示地名(place.name),但与地名一起我还想放置formatted_address,formatted_phone_number。 https://developers.google.com/places/documentation/details
但是当我添加(place.formatted_address)时,它返回undefined。
我不熟悉java脚本,帮我在同一个脚本中用地名显示地址详细信息:
developers.google.com/maps/documentation/javascript/examples/place-search-pagination
<code>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<title>Place search pagination</title>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<script>
var map, placesList;
function initialize() {
var pyrmont = new google.maps.LatLng(23.765698, 90.357581);
map = new google.maps.Map(document.getElementById('map-canvas'), {
center: pyrmont,
zoom: 17
});
var request = {
location: pyrmont,
radius: 500000,
types: ['bank']
};
placesList = document.getElementById('places');
var service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);
}
function callback(results, status, pagination) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
return;
} else {
createMarkers(results);
if (pagination.hasNextPage) {
var moreButton = document.getElementById('more');
moreButton.disabled = false;
google.maps.event.addDomListenerOnce(moreButton, 'click',
function() {
moreButton.disabled = true;
pagination.nextPage();
});
}
}
}
function createMarkers(places) {
var bounds = new google.maps.LatLngBounds();
for (var i = 0, place; place = places[i]; i++) {
var image = {
url: place.icon,
size: new google.maps.Size(71, 71),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(17, 34),
scaledSize: new google.maps.Size(25, 25)
};
var marker = new google.maps.Marker({
map: map,
icon: image,
title: place.name,
position: place.geometry.location
});
placesList.innerHTML += '<tr><td>' + place.geometry.location + '</td><td>' + place.name + '</td><td>' + place.formatted_address + '</td></tr>';
bounds.extend(place.geometry.location);
}
map.fitBounds(bounds);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<style>
#results {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
right: 5px;
top: 0%;
margin-top: 15px;
height: 580px;
width: 500px;
padding: 5px;
z-index: 5;
border: 1px solid #999;
background: #fff;
overflow-y: scroll;
}
h2 {
font-size: 22px;
margin: 0 0 5px 0;
}
table {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}
tr {
background-color: #f1f1f1;
padding: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
li:nth-child(odd) {
background-color: #fcfcfc;
}
#more {
width: 100%;
margin: 5px 0 0 0;
}
</style>
</head>
<body>
<div id="map-canvas"></div>
<div id="results">
<h2>Results</h2>
<table id="places"></table>
<button id="more">More results</button>
</div>
</body>
</html>
</code>
答案 0 :(得分:0)
Details API与Places API不同。
首先,您需要为您的位置获取Place_id 其次,您在Details API中使用Place_id来获取formatted_address
您也可以尝试使用&#34;附近&#34;它也可能显示邮寄地址,虽然没有邮政编码。