Google地图添加图层

时间:2013-03-12 13:39:27

标签: google-maps google-maps-api-3

我开始开发一个包含谷歌地图的应用程序。

我研究了Google Maps Api的帮助,我怀疑是否需要添加叠加层。以下是正确的方法:

创建地图

function initialize() {    
  var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}

添加重载:

function add() {
  var myLatlng = new google.maps.LatLng(-34.397, 150.646);
  var mapOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
  }

  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); /* It is correct?

  var marker = new google.maps.Marker({
      position: myLatlng,
      title:"Hello World!"
  });

  marker.setMap(map);
};

有没有办法获取mapsOptions,或者更确切地说不是完全重新映射地图,或者它是如何工作的?

1 个答案:

答案 0 :(得分:0)

var中创建地图时删除initialize() - 关键字 执行此操作时,map - 变量可全局访问,您可以在marker.setMap(map);内调用add(),而无需创建新的地图实例。