我的问题: 我的情况是,在我的应用程序中,我有一个输入字段,您可以在其中搜索使用自动完成的地址。在此字段中,您可以键入任何公司名称,它将找到lat / long并在输入下方的地图上设置标记。然后用户也可以使用地图将标记拖放到某处,这就出现了问题,因为我无法通过这种方式获得公司名称,这在我的要求中是必需的。我失败的尝试在下面。
通过lat / lon查找公司名称:我需要根据位置(纬度/经度)获取公司名称。
所以我尝试的是对lat / lon进行地理编码以获取地点ID: https://maps.googleapis.com/maps/api/geocode/json?latlng=55.93366899999999,12.258698299999992&key=xxx
它给了我place_id:" ChIJwSWuIGRAUkYRf7LPSwRStYU"
然后我用它来获取地名: https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJwSWuIGRAUkYRf7LPSwRStYU&key=xxx
但没有地名! JSON不包含任何有关业务的内容。
按地址查找公司名称:所以我试图对地址进行地理编码而不是lat / long: https://maps.googleapis.com/maps/api/geocode/json?address=Sigrunsvej%2040%20Hillerød
这给我的地方ID:ChIJa1mGSGFAUkYR2SpylJRKlLM https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJa1mGSGFAUkYR2SpylJRKlLM&key=xxx
把它扔到地方后,这个地方和以前一样没有公司名称。
通过"公司名称" 查找公司名称但是当我尝试在网址中提供公司名称时,我获得了第3名: https://maps.googleapis.com/maps/api/geocode/json?address=Bauhaus%20Hillerød
地方ID:ChIJZWxjtmZAUkYRWY4K-RTjwsk https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJZWxjtmZAUkYRWY4K-RTjwsk&key=xxx
此地点ID有效,我得到了公司名称" BAUHAUS"。
问题:那么如何在不知情的情况下获取公司名称?对我来说,一个地方可以有不同的地方ID,这似乎也很疯狂。
答案 0 :(得分:1)
在该位置使用nearbySearch。
var service = new google.maps.places.PlacesService(map);
var radius = 100;
service.nearbySearch({
location: new google.maps.LatLng(55.93366899999999, 12.258698299999992),
radius: radius,
type: "store"
}, callback);
返回一个结果:
BAUHAUSHillerød
placeId:ChIJZWxjtmZAUkYRWY4K-RTjwsk
(注意:没有type:"store"
,我会得到不同的结果)
代码段
var infowindow;
var map;
function initialize() {
map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(55.93366899999999, 12.258698299999992),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
var radius = 100;
var circle = new google.maps.Circle({
map: map,
center: map.getCenter(),
radius: radius
});
map.fitBounds(circle.getBounds());
service.nearbySearch({
location: map.getCenter(),
radius: radius,
type: "store"
}, callback);
}
function callback(results, status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
console.log(results.length + " results");
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
} else console.log("status=" + status);
}
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>placeId:" + place.place_id);
infowindow.open(map, this);
});
google.maps.event.trigger(marker, 'click');
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<div id="map_canvas"></div>