1
google maps api에서 특정 우편 번호의 위치를 검색하여지도 캔버스에 표시하고 싶습니다. 특정 우편 번호에서 피자 헛 (Pizza Hut) 매장을 모두 검색한다고 가정 해 보겠습니다. 어떻게해야합니까?Google지도 : 검색 결과 가져 오기 및 표시 마커
google maps api에서 특정 우편 번호의 위치를 검색하여지도 캔버스에 표시하고 싶습니다. 특정 우편 번호에서 피자 헛 (Pizza Hut) 매장을 모두 검색한다고 가정 해 보겠습니다. 어떻게해야합니까?Google지도 : 검색 결과 가져 오기 및 표시 마커
나는 우편 번호에 대해 잘 모르겠지만,이 경우에 위치 주변 (미터) 반경 (NYC 제공 할 수 있습니다 - 그래서 같은 브루클린에있는 어떤 장소 (JSFiddle) :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS Google Maps Integration</title>
<!-- Google Map API -->
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false®ion=US"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
</head>
<body>
<div id="map" style="width:100%; height:100%;"></div>
<script>
var latlng = new google.maps.LatLng(40.693308, -73.990659);
var options =
{
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), options);
var request =
{
location: latlng,
radius: '1000',
name: ['Pizza Hut']
};
var 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++)
{
var place = results[i];
var loc = place.geometry.location;
var marker = new google.maps.Marker
({
position: new google.maps.LatLng(loc.Pa,loc.Qa)
});
marker.setMap(map);
}
}
}
</script>
</body>
</html>
을