Google Maps v3 - 如何在初始化时使用地址居中？ [英] Google Maps v3 - How to center using an address on initialize?

问题描述

使用Google Maps API v3，有没有办法在初始化时设置地图的中心？我有一个解决方法使用此代码：

  var geocoder; 
 var map; 
函数initialize（）{
 geocoder = new google.maps.Geocoder（）; 
 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）; 
 codeAddress（'germany'）; 
 
 
函数codeAddress（address）{
 geocoder.geocode（{'address'：address}，function（results，status）{
 if（status = = google.maps.GeocoderStatus.OK）{
 map.setCenter（results [0] .geometry.location）; 
 var marker = new google.maps.Marker（{
 map：map ，
 position：results [0] .geometry.location 
}）; 
} 
}）; 
 
 
 
 
 
 $ b 
唯一的问题是，当它初始化时，它会将它置于latlng 一秒钟。我无法弄清楚如何在myOptions中设置中心。我虽然可以从codeAddress函数返回results [0] .geometry.location，并将它传递给myOptions，但这不起作用。 
 
 
感谢任何人帮帮我。  
 
 
 更新 
由于我无法完全删除中心，所以我想知道是否有办法通过地址
 
 
在Google API中：
 
 
 
要初始化一个Map，我们首先创建一个Map选项对象来包含地图初始化变量。 
这个对象不是构造的;相反，它被创建为对象文字。每个地图都有两个必需的
选项： center 和 zoom 。 
 
 
 
解决方案
一个简单的解决方案可能是在您的codeAddress函数中初始化映射： 
 
 
  var geocoder，map; 
 
函数codeAddress（address）{
 geocoder = new google.maps.Geocoder（）; 
 geocoder.geocode（{
'address'：address 
}，function（results，status）{
 if（status == google.maps.GeocoderStatus.OK）{
 var myOptions = {
 zoom：8，
 center：results [0] .geometry.location，
 mapTypeId：google.maps.MapTypeId.ROADMAP 
} 
 map = new google.maps.Map（document.getElementById（map_canvas），myOptions）; 
 
 var marker = new google.maps.Marker（{
 map：map， 
 position：results [0] .geometry.location 
}）; 
} 
}）; 
} 
  
这应该可以解决问题。
 
Using Google Maps API v3, is there a way to set the center of the map on initialize? I have a workaround using this code:
var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    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);
    codeAddress('germany');
  }

  function codeAddress(address) {
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      }
    });
  }
The only problem is that when it initializes, it centers it to the "latlng" for a split second. I'm can't figure out how to set the center in "myOptions".  I though I could return "results[0].geometry.location" from the codeAddress function and pass it to myOptions, but that doesn't work.

Thanks for any help. 

Update
Since I can't remove "center" altogether, I'm wondering if there's a way to pass the address to the options.

  
From Google API:
  
  
To initialize a Map, we first create a Map options object to contain map initialization variables.
  This object is not constructed; instead it is created as an object literal. There are two required
  options for every map: center and zoom.

解决方案
Well a simple solution could be to initialize the map in your codeAddress function:
var geocoder, map;

function codeAddress(address) {
    geocoder = new google.maps.Geocoder();
    geocoder.geocode({
        'address': address
    }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var myOptions = {
                zoom: 8,
                center: results[0].geometry.location,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });
        }
    });
}
This should solve the problem.

                        
这篇关于Google Maps v3  - 如何在初始化时使用地址居中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！