una - Cómo utilizar el código postal en lugar de Lat y Lng en la API de Google maps

mi codigo postal en google maps

Question

Me pregunto si hay una manera de usar el código postal en lugar de Lat y Lng, usando este fragmento de código o usando las solicitudes de geocodificación.

    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(22.1482635,-100.9100755);
            // var latlang = new google.maps.zipcode(7845); <- Is there a way to do that?
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                title:"zipcode"
            });

        }
    </script>

Answer 1

Puede utilizar la API de Google GeoCode para solicitar la latitud y longitud del código postal y continuar desde allí.

La URL de solicitud de API se vería así si quisiera hacerlo directamente o por otro medio

http://maps.googleapis.com/maps/api/geocode/json?address=50323&sensor=false

Donde 50323 es tu código postal

O puedes usar la API de Javascript de Google para hacer todo esto a través de jQuery.

var geocoder; //To use later
var map; //Your map
function initialize() {
  geocoder = new google.maps.Geocoder();
  //Default setup
  var latlng = new google.maps.LatLng(-34.397, 150.644);
  var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

//Call this wherever needed to actually handle the display
function codeAddress(zipCode) {
    geocoder.geocode( { ''address'': zipCode}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        //Got result, center the map and put it out there
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }