用位置覆盖google.map

时间:2015-04-24 13:02:57

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

我有一个主要的javascript文件,它在div中生成一个谷歌地图。这个div包含在许多其他内容中,其中包含图形可见数据需要... somethgin类似于仪表板。但是在其他几个子页面上我想用独特的参数动态重新加载地图,但我不能根据主要地图监听加载事件。没有使用谷歌地图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中的那个覆盖已经生成的错误的那个:(我怎么能轻易地管理这个,根据在页面完全加载后,有几个子页面应该显示这种独特的数据吗?

1 个答案:

答案 0 :(得分:0)

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

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

map.panTo(marker.getPosition());

此外,是什么让您无论何时需要重新初始化地图?仅仅因为它是在on load listener上注册的,不应该阻止你创建新的实例吗? (我想):

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