Google maps “;未捕获引用错误:未定义初始化”;

Google maps “;未捕获引用错误:未定义初始化”;,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我仍然有谷歌地图初始化的问题。 我也看不到所有插入的标记。 我声明我不懂javascript,我发现很难理解我错在哪里。 我看了几篇文章,提出了我自己的问题,但我没有成功地找到解决问题的办法 这是我的文件googlemap.js var标记=[ ['马耳他总部,35.895079,14.49011], ['摩纳哥公国办公桌,43.75042,7.438238], [比利时办公桌,50.50389,4.46994], ['塞浦路斯办公桌,35.038174,33.40443], ['香港办公桌,2

我仍然有谷歌地图初始化的问题。 我也看不到所有插入的标记。 我声明我不懂javascript,我发现很难理解我错在哪里。 我看了几篇文章,提出了我自己的问题,但我没有成功地找到解决问题的办法

这是我的文件googlemap.js
var标记=[
['
马耳他总部,35.895079,14.49011], ['
摩纳哥公国办公桌,43.75042,7.438238], [比利时办公桌,50.50389,4.46994], ['
塞浦路斯办公桌,35.038174,33.40443], ['
香港办公桌,22.354694114.131719], [泽西岛办公桌,40.727865,-74.078228], ['
荷兰办公桌,52.106505,5.515137], ['
俄罗斯和独联体办公桌,55.719648,37.567421], [英国办公厅,52.509535,-0.791016], ['
中国办公桌,34.412677,103.954634], ['
格恩西岛办公桌,40.725812,-73.954167], [爱尔兰办公桌,40.737158,-73.886638], ['
卢森堡办公桌,49.614561,6.132495], ['
毛里求斯办公桌,-20.286556,57.504439], [纽约办公桌,40.729379,-74.003781], ['
新加坡办公桌,1.283094103.8439] ]; 函数初始化映射(){ var latlng=新的google.maps.latlng(35.895079,14.49011); 变量myOptions={ 缩放:15, 中心:拉特林, 导航控制:错误, navigationControlOptions:{style:google.maps.NavigationControlStyle.NORMAL}, 街景控制:错误, // 动物控制:对, ZoomControl选项:{ 样式:google.maps.ZoomControlStyle.SMALL, 位置:google.maps.ControlPosition.TOP_左 }, mapTypeControl:true, 导航控制:错误, mapTypeControlOptions:{ 位置:google.maps.ControlPosition.TOP\右,样式:google.maps.MapTypeControlStyle.DROPDOWN\菜单, MapTypeId:[google.maps.MapTypeId.TERRAIN,google.maps.MapTypeId.ROADMAP,google.maps.MapTypeId.SATELLITE,“blackMap”] }, }; var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions); //Bl地图样式 变量styleBl= [ { “功能类型”:“水”, “造型师”:[ {“饱和”:-21}, {“色调”:“#00e5ff”}, {“亮度”:21} ] },{ “特色类型”:“景观”, “造型师”:[ {“色调”:“#1f78c4”} ] },{ “功能类型”:“道路”, “elementType”:“labels.text”, “造型师”:[ {“可见性”:“在”}, {“颜色”:“354a82”} ] },{ },{ “featureType”:“poi.business”} ] var styledmappotions={name:“Bl”} var blMapType=new google.maps.StyledMapType(styleBwl,styledMapOptions); map.mapTypes.set(“blackMap”,blMapType); map.setMapTypeId(“黑地图”); var infowindow=new google.maps.infowindow(); var标记,i; var bounds=new google.maps.LatLngBounds(); 对于(i=0;i


感谢您的任何帮助


谢谢,这是因为您正在将事件侦听器添加到一个不存在的函数(
initialize
)。您的函数名为
initializeMaps
所以更改
google.maps.event.adddomstener(窗口“加载”,初始化)成为
google.maps.event.addDomListener(窗口“加载”,初始化映射)

putvande,谢谢你的回答。你能帮我拿些记号笔吗?不是所有的标记都可见。当你说不是所有的标记都可见时,你的意思是它们不是都作为标记绘制在地图上,或者只是它们不都适合你缩放到的地图的可见部分?
var markers = [
['<b style="color:red;"></b></br> Main Office - Malta', 35.895079, 14.49011], 
['<b style="color:red;"></br> Desk Office - Principaute de Monaco', 43.75042,7.438238],
['<b style="color:red;"></b></br> Desk Office - Belgium', 50.50389, 4.46994],
['<b style="color:red;"></b></br> Desk Office - Cyprus', 35.038174, 33.40443],
['<b style="color:red;"></b></br> Desk Office - Hong-Kong', 22.354694, 114.131719],
['<b style="color:red;"></b></br> Desk Office - Jersey', 40.727865, -74.078228],
['<b style="color:red;"></b></br> Desk Office -  The Netherlands', 52.106505,5.515137],
['<b style="color:red;"></b></br> Desk Office - Russia & CIS', 55.719648, 37.567421],
['<b style="color:red;"></b></br> Desk Office - United Kingdom', 52.509535,-0.791016],
['<b style="color:red;"></b></br> Desk Office - China', 34.412677, 103.954634],
['<b style="color:red;"></b></br> Desk Office -  Guernsey', 40.725812,-73.954167],
['<b style="color:red;"></b></br> Desk Office - Ireland', 40.737158, -73.886638],
['<b style="color:red;"></b></br> Desk Office -  Luxembourg', 49.614561,6.132495],
['<b style="color:red;"></b></br> Desk Office -  Mauritius', -20.286556, 57.504439],
['<b style="color:red;"></b></br> Desk Office -  New-York', 40.729379, -74.003781],
['<b style="color:red;"></b></br> Desk Office - Singapore', 1.283094,103.8439]

     ];

function initializeMaps() {
var latlng = new google.maps.LatLng(35.895079, 14.49011);
var myOptions = {
    zoom: 15,
    center: latlng,
    navigationControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.NORMAL},
streetViewControl: false,
//
zoomControl: true,
zoomControlOptions: {
  style: google.maps.ZoomControlStyle.SMALL,
  position: google.maps.ControlPosition.TOP_LEFT
},
  mapTypeControl: true,
 navigationControl: false,
mapTypeControlOptions: {

 position: google.maps.ControlPosition.TOP_RIGHT, style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
mapTypeIds: [google.maps.MapTypeId.TERRAIN, google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, "blackMap"]

},


};    


var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

//Bl map style


 var styleBl =
[


{
"featureType": "water",
"stylers": [
  { "saturation": -21 },
  { "hue": "#00e5ff" },
  { "lightness": 21 }
]


 },{
"featureType": "landscape",
"stylers": [
  { "hue": "#1f78c4" }
]


 },{
"featureType": "road",
"elementType": "labels.text",
"stylers": [
  { "visibility": "on" },
  { "color": "#354a82" }
]

 },{
 },{
"featureType": "poi.business"  }
]

 var styledMapOptions = {name: "Bl"}


 var blMapType = new google.maps.StyledMapType(styleBwl, styledMapOptions);


 map.mapTypes.set("blackMap", blMapType);

map.setMapTypeId("blackMap");
 var infowindow = new google.maps.InfoWindow(); 

var marker, i;
     var bounds = new google.maps.LatLngBounds();


for (i = 0; i < markers.length; i++) { 
     var pos = new google.maps.LatLng(markers[i][1], markers[i][2]);
     bounds.extend(pos);
     marker = new google.maps.Marker({
     position: pos,
     map: map
         });
     google.maps.event.addListener(marker, 'click', (function(marker, i) {
     return function() {
     infowindow.setContent(markers[i][0]);
     infowindow.open(map, marker);
     }
     })(marker, i));
     }
     map.fitBounds(bounds);
     }
google.maps.event.addDomListener(window, 'load', initialize);
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>