javascript - 使用 Jquery 选择现有的 Google map 元素

Question

在我的网站页面中，我有一个(由 2amigos/yii-google-map-library 插件自动生成)谷歌地图初始化脚本。

(function(){
function initialize(){
  var mapOptions = {"center":new google.maps.LatLng(43.8998984000,12.8599824000),"zoom":14};
  var container = document.getElementById('gmap0-map-canvas');
  container.style.width = '512px';
  container.style.height = '512px';
  var gmap0 = new google.maps.Map(container, mapOptions);
  };
  google.maps.event.addDomListener(window, 'load', initialize);
})();

使用jquery，我有一个添加标记的函数(在特定事件上触发)

 function(e) { 
         var lat = e.params.data.coords.lat;
         var lng = e.params.data.coords.lng;
         var coords = new google.maps.LatLng(lat, lng);
         var marker = new google.maps.Marker({
               position: coords,
               title: 'Test',
               map: gmap0
         });
         gmap0.setCenter(marker.getPosition());

}

脚本按此顺序启动，因此首先声明 var gmap0。但如果执行代码，它会返回此错误:

ReferenceError: gmap0 is not defined

我能做什么？

Answer 1

您必须在初始化函数之外声明您的 var，以便该 var 对其他函数可见

<script>
var gmap0 ;
 (function(){
 function initialize(){
  ....
  gmap0 = new google.maps.Map(container, mapOptions);
  .....
     google.maps.event.addDomListener(window, 'load', initialize);
  })();

</script>