地理编码器 API 雷达搜索和多个标记问题

Question

我的脚本如下。我必须搜索密码，并根据搜索在地图上显示位置

问题 1：如果我对相同的密码有 2 个结果，那么地图上也会出现一个标记。 我想显示单独的标记。

问题2：我也想使用密码进行雷达搜索。 就像如果 PIN 码 07201 和 07202 非常靠近的区域，那么我应该得到两者的结果。 我尝试在响应中使用半径，但它不起作用

<script>
      var map;
      <!-- var marker; -->
    function initialize() 
    { 
        var mapOptions = {
        center: new google.maps.LatLng('40.71338', '-74.193246'),
        zoom: 8,
        scrollwheel: false,
        disableDefaultUI: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
     };
      map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
      marker = new google.maps.Marker({
                    position: new google.maps.LatLng(40.71338, -74.193246),
                    map: map,
                });

     }

    jQuery('#searchPincodeForm').submit(function (event) {
       event.preventDefault();
       var geocoder = new google.maps.Geocoder();
        var search_val=$('#country').val();
        jQuery.ajax({
                type: 'post',
                data:{
                    'pincode':search_val,                
                },
                url: 'searchPincode.php',           
                success:function(response){
                if(response != ''){
                $("#result").html(response).show();
                    geocoder.geocode({ 
                    'address': search_val }, function (results, status) {

                    if (status == google.maps.GeocoderStatus.OK) {
                    var position = results[0].geometry.location;
                        map.setCenter(position);
                        marker.setPosition(position);
                }
                })
                } else{
                    $("#result").html("Sorry Dealer not available at this location. For more information please mail at [e-mail]").show();
                }
                }

            });
            });

     </script>

我从地理编码中得到的响应：

{
    "results": [{
        "address_components": [{
                "long_name": "07108",
                "short_name": "07108",
                "types": ["postal_code"]
            },
            {
                "long_name": "Newark",
                "short_name": "Newark",
                "types": ["locality", "political"]
            },
            {
                "long_name": "Essex County",
                "short_name": "Essex County",
                "types": ["administrative_area_level_2", "political"]
            },
            {
                "long_name": "New Jersey",
                "short_name": "NJ",
                "types": ["administrative_area_level_1", "political"]
            },
            {
                "long_name": "United States",
                "short_name": "US",
                "types": ["country", "political"]
            }
        ],
        "formatted_address": "Newark, NJ 07108, USA",
        "geometry": {
            "bounds": {
                "northeast": {
                    "lat": 40.73179289999999,
                    "lng": -74.1830549
                },
                "southwest": {
                    "lat": 40.713114,
                    "lng": -74.21835
                }
            },
            "location": {
                "lat": 40.7235275,
                "lng": -74.197388
            },
            "location_type": "APPROXIMATE",
            "viewport": {
                "northeast": {
                    "lat": 40.73179289999999,
                    "lng": -74.1830549
                },
                "southwest": {
                    "lat": 40.713114,
                    "lng": -74.21835
                }
            }
        },
        "place_id": "ChIJK0xWNjlTwokRLb_3zFLt8zM",
        "types": ["postal_code"]
    }],
    "status": "OK"
}

Answer 1

所以问题就在这里：

var position = results[0].geometry.location;
map.setCenter(position);
marker.setPosition(position);

您的 ajax 响应可能包含多个位置点，但在上面的代码中，您仅使用此处results[0].geometry.location的第一个位置点。因此，您必须遍历所有结果数组，而不是results[0]以便在标记上映射多个点。