1
我想搜索谷歌地圖API中特定郵政編碼的位置,並將它們顯示在地圖畫布上。假設我想搜索特定郵政編碼中的所有必勝客網點。我如何編碼?谷歌地圖:獲取搜索結果和顯示標記
我想搜索谷歌地圖API中特定郵政編碼的位置,並將它們顯示在地圖畫布上。假設我想搜索特定郵政編碼中的所有必勝客網點。我如何編碼?谷歌地圖:獲取搜索結果和顯示標記
我不知道郵政編碼,但你可以給周圍的位置的半徑(以米爲單位)(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>