Javascript 谷歌地图：获取搜索结果并显示标记_Javascript_Google Maps

Javascript 谷歌地图：获取搜索结果并显示标记

javascript google-maps

Javascript 谷歌地图：获取搜索结果并显示标记,javascript,google-maps,Javascript,Google Maps,我想在google maps api上搜索特定邮政编码中的位置，并将其显示在地图画布上。假设我想搜索特定邮政编码中的所有必胜客门店。我该如何编写代码我不确定邮政编码，但您可以给出一个位置周围的半径（以米为单位）（在本例中为纽约-布鲁克林的某个地方，如（）： ExtJS谷歌地图集成 html{高度：100%} 正文{高度：100%；边距：0；填充：0} #地图画布{高度：100%} var latlng=新的google.maps.latlng（40.693308，-73.990659）；变

我想在google maps api上搜索特定邮政编码中的位置，并将其显示在地图画布上。假设我想搜索特定邮政编码中的所有必胜客门店。我该如何编写代码

我不确定邮政编码，但您可以给出一个位置周围的半径（以米为单位）（在本例中为纽约-布鲁克林的某个地方，如（）：


ExtJS谷歌地图集成
html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
var latlng=新的google.maps.latlng（40.693308，-73.990659）；
变量选项=
{
缩放：16，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map”），选项）；
var请求=
{
地点：拉丁美洲，
半径：“1000”，
名称：[“必胜客”]
};
var service=newgoogle.maps.places.PlacesService（地图）；
服务搜索（请求、回调）；
函数回调（结果、状态）
{
if（status==google.maps.places.PlacesServiceStatus.OK）
{
对于（var i=0；i

我不确定邮政编码，但您可以给出一个位置周围的半径（以米为单位）（在本例中为纽约-布鲁克林的某个地方，如（）：


ExtJS谷歌地图集成
html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
var latlng=新的google.maps.latlng（40.693308，-73.990659）；
变量选项=
{
缩放：16，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map”），选项）；
var请求=
{
地点：拉丁美洲，
半径：“1000”，
名称：[“必胜客”]
};
var service=newgoogle.maps.places.PlacesService（地图）；
服务搜索（请求、回调）；
函数回调（结果、状态）
{
if（status==google.maps.places.PlacesServiceStatus.OK）
{
对于（var i=0；i


<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&region=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>