我正在Google Map api上工作[这是我在餐厅附近找到的地方。 。 。运行此命令时,只会得到当前位置。我没有收到任何与餐厅数据有关的信息。
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: { lat: 25.276987, lng: 55.296249 },
zoom: 15
});
var infoWindow = new google.maps.InfoWindow({ map: map });
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
infoWindow.setPosition(pos);
infoWindow.setContent('Location found.');
map.setCenter(pos);
var marker = new google.maps.Marker({
map: map,
position: pos.getPlace().location
});
var service = new google.maps.places.PlacesService(map);
service.nearbySearch({
location: rak,
radius: 5500,
type: ['restuarant']
}, callback);
}, function () {
handleLocationError(true, infoWindow, map.getCenter());
});
}
else {
handleLocationError(false, infoWindow, map.getCenter());
}
}
最佳答案
也许您遇到了附近的搜索位置标签错误。您没有初始化变量rak
,它将返回一个空值。
设置脚本
<script
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=initMap"
async defer></script>
初始化变量
var map;
var infowindow;
var myPlace = {lat: 25.276987, lng: 55.296249 };
致电您的nearBySearch
var service = new google.maps.places.PlacesService(map);
service.nearbySearch({
location : myPlace,
radius : 5500,
type : [ 'restaurant' ]
}, 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);
infowindow.open(map, this);
});
}
您可以在document中找到此代码,它将很好地解释正确的编码以及如何使用api。这也是list of supported location type。
我希望这有帮助。
关于javascript - Google Map API可以在我附近找到附近的餐厅,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36235936/