Javascript 谷歌地图中的多个标记，多个地图

我正试图在同一个页面上构建两个谷歌地图。其中一张地图上有几个标记

function initializeMap() {



    var locations = [
        ['PARIS - FRANCE', 485.810,2.2629],
        ['PARIS - FRANCE', 49.046,2.330],
        ['PARIS - FRANCE', 48.4331,2.2134],
        ['PALERMO - ITALY', 38.1033,1.3527],
        ['ROME - ITALY', 41.4846,1.21511]
    ];





var lat = '48.900401'; 
var lon = '2.231761'; 


var contentString = '<p style="color:#8fd522; font-weight: bold;">XXX</p>';



var centerLon = lon - 0.0105;

var myOptions = {
    scrollwheel: false,
    draggable: false,
    disableDefaultUI: true,
    center: new google.maps.LatLng(lat, centerLon),
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

//Bind map to elemet with id map-canvas
var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);
var marker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(lat, lon),
    title: 'XXX'
});

var infowindowW = new google.maps.InfoWindow({
  content: contentString
});

google.maps.event.addListener(marker, 'click', function () {
    infowindowW.open(map, marker);
});

infowindowW.open(map, marker);

var myOptions = {
    scrollwheel: true,
    draggable: true,
    disableDefaultUI: false,
    center: new google.maps.LatLng(66.6846, -67.21511),
    zoom: 2.82,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};


var map2 = new google.maps.Map(document.getElementById('map-canvas-net'), myOptions);
var i;
for (i = 0; i < locations.length; i++) {  
    var marker = new google.maps.Marker({
         position: new google.maps.LatLng(locations[i][1], locations[i][2]),
         map: map2,
         title: locations[i][0]
    });

    var infowindow = new google.maps.InfoWindow({
      content: locations[i][0]
    });

    google.maps.event.addListener(marker, 'click', (function(marker, i) {
         return function() {
             infowindow.setContent(locations[i][0]);
             infowindow.open(map2, marker);
         }
    })(marker, i));
}
}

函数初始化映射（）{
变量位置=[
['PARIS-FRANCE'，485.810,2.2629]，
[PARIS-FRANCE'，49.046,2.330]，
[PARIS-FRANCE'，48.4331,2.2134]，
[“意大利巴勒莫”，38.1033,1.3527]，
[《罗马-意大利》，41.4846,1.21511]
];
var lat='48.900401'；
var-lon='2.231761'；
var contentString='
XXX
；
var centerLon=lon-0.0105；
变量myOptions={
滚轮：错误，
可拖动：错误，
disableDefaultUI:true，
中心：新的google.maps.LatLng（lat，centerLon），
缩放：15，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
//使用id映射画布将映射绑定到elemet
var map=new google.maps.map（document.getElementById（'map-canvas'），myOptions）；
var marker=new google.maps.marker({
地图：地图，
位置：新google.maps.LatLng（lat，lon），
标题：“XXX”
});
var infowindowW=new google.maps.InfoWindow({
内容：contentString
});
google.maps.event.addListener（标记，'click'，函数（）{
信息窗口w.打开（地图、标记）；
});
信息窗口w.打开（地图、标记）；
变量myOptions={
滚轮：对，
真的，
disableDefaultUI:false，
中心：新google.maps.LatLng（66.6846，-67.21511），
缩放：2.82，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map2=new google.maps.Map（document.getElementById（'Map-canvas-net'），myOptions）；
var i；
对于（i=0；i

map2的标记不可单击…我试图在循环中执行

marker[I]

，但这只会使代码无效（

window.initializeMap

不是函数）

---

有什么想法吗？

缩放是一个整数。出于某种原因，这：

   zoom: 2.82,

导致问题的原因。将其更改为

2

和

代码段：

函数初始化映射（）{
变量位置=[
[PARIS-FRANCE'，48.810,2.2629]，
[PARIS-FRANCE'，49.046,2.330]，
[PARIS-FRANCE'，48.4331,2.2134]，
[《意大利巴勒莫》，38.1033，1.3527]，
[《罗马-意大利》，41.4846，1.21511]
];
var lat='48.900401'；
var-lon='2.231761'；
var contentString='
XXX
；
var centerLon=lon-0.0105；
变量myOptions={
滚轮：错误，
可拖动：错误，
disableDefaultUI:true，
中心：新的google.maps.LatLng（lat，centerLon），
缩放：15，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
//使用id映射画布将映射绑定到elemet
var map=new google.maps.map（document.getElementById（'map-canvas'），myOptions）；
var marker=new google.maps.marker({
地图：地图，
位置：新google.maps.LatLng（lat，lon），
标题：“XXX”
});
var infowindowW=new google.maps.InfoWindow({
内容：contentString
});
google.maps.event.addListener（标记'click'，函数（）{
信息窗口w.打开（地图、标记）；
});
信息窗口w.打开（地图、标记）；
变量myOptions2={
滚轮：对，
真的，
disableDefaultUI:false，
中心：新google.maps.LatLng（66.6846，-67.21511），
缩放：2，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map2=new google.maps.Map（document.getElementById（'Map-canvas-net'），myOptions2）；
var i；
对于（i=0；i
html，
身体
#地图画布，
#地图帆布网{
高度：500px；
宽度：500px；
边际：0px；
填充：0px
}