Google地理编码:在对商家/公司名称和地址

时间:2017-07-13 08:59:11

标签: google-maps google-maps-api-3 geocoding reverse-geocoding

我的问题: 我的情况是,在我的应用程序中,我有一个输入字段,您可以在其中搜索使用自动完成的地址。在此字段中,您可以键入任何公司名称,它将找到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,这似乎也很疯狂。

1 个答案:

答案 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",我会得到不同的结果)

proof of concept fiddle

screenshot

代码段

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>