показать границы почтового индекса / почтового индекса на карте Google

Question

Я хотел бы отметить контур (границы) почтового индекса на карте.С помощью API Google Maps я могу отправить почтовый индекс или адрес и вернуться log / lat, а затем разместить значок на карте.Теперь я хотел бы сделать квадрат или многоугольник вокруг всей области, охватываемой почтовым индексом.Есть ли API или метод для этого?Я мог бы использовать карты Google или другой сервис, если он доступен.

Api, чтобы получить лат / лон почтового индекса ...

if (geocoder)           {       
    geocoder.geocode({ 'address': address }, function (results, status) {                  
        if (status == google.maps.GeocoderStatus.OK){
            var pcode = results[0].address_components[0].long_name;
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();                 
        }
    }

Answer 1

geocoder.geocode({ 'address': address }, function (results, status) {

    if (status == google.maps.GeocoderStatus.OK) {

        var pcode = results[0].address_components[0].long_name;
        var latitude = results[0].geometry.location.lat();
        var longitude = results[0].geometry.location.lng();

        //do whatever you want above then call the displayBounds function
        displayBounds(results[0].geometry.bounds);
    }
});

function displayBounds(bounds) {

    var rectangleOptions = {
        strokeColor: '#0000ff',
        strokeOpacity: 0.5,
        strokeWeight: 3,
        bounds: bounds
    }

    var rectangle = new google.maps.Rectangle(rectangleOptions);

    rectangle.setMap(map); //map being your google.maps.Map object
}

Таким образом, вы можете отображать границы на карте. Убедитесь, что вы получили geometry.bounds для своих результатов, поскольку это не всегда так.

Answer 2

DisplayZipCodeArea (results [0] .geometry.bounds, resultsMap);

функция DisplayZipCodeArea (границы, результатыMap) {

var rectangleOptions = {
    strokeColor: '#0000ff',
    strokeOpacity: 0.5,
    strokeWeight: 3,
    bounds: bounds
}

var rectangle = new google.maps.Rectangle(rectangleOptions);

rectangle.setMap(resultsMap); //map being your google.maps.Map object

}