用位置覆盖 google.map

Question

我有一个主要的 javascript 文件，它在 div 中生成一个谷歌地图。此 div 位于许多其他 div 之下，其中包含图形可见的数据需求...类似于仪表板的某些东西。但是在其他几个子页面上我想用唯一的参数动态地重新加载地图，但是我不能根据主地图在加载事件上监听。没有多次使用谷歌地图 v3 api，所以有人可以帮助我吗？ 主要由：

function mapInitialize() {
    var mapOptions = {
        zoom: 13,
        styles: mapStyle
    };
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', mapInitialize);

在我的一个子页面中，我想生成一张带有特定中心、坐标和唯一标记的地图。所以我基本上会做的是用我的特定属性调用整个initialize（），但它首先生成自己，然后main.js中的那个覆盖这个已经生成的错误的:(我怎么能轻松管理这个，根据页面完全加载后，有几个子页面应该显示这种独特的数据？

Answer 1

Google 地图允许您在地图初始化后重新定位地图：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(latitude, longitude),
    title: markerTitle,
    map: map,
});

map.panTo(marker.getPosition());

此外，是什么让您无法随时重新初始化地图？仅仅因为它注册了一个加载监听器不应该阻止你创建新实例？ （我认为）：

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);