web-dev-qa-db-ja.com

Google Maps APIでLatとLngの代わりに郵便番号を使用する方法

このスニペットを使用するか、ジオコーディングリクエストを使用して、LatやLngの代わりに郵便番号を使用する方法はあるのでしょうか。

    <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>
19
Ivan Rivera

Google GeoCode APIを使用して、郵便番号の緯度と経度をリクエストし、そこから移動できます。

APIリクエストURLは、直接または他のメディアを介してこれを実行する場合、次のようになります。

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

50323は郵便番号です。

または、Google JavaScript APIを使用して、これをすべて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);
      }
    });
  }
28
Mitchel Sellers